Loading video player...
π Build a production-ready URL shortener from scratch using Golang and Next.js! In this comprehensive 4-hour tutorial, you'll learn everything from JWT authentication to CRUD operations. β±οΈ TIMESTAMPS: 00:00 - Project Demo 07:00 - Introduction 13:10 - Simple store 16:31 - Project start and walk through - cloning the repo 27:57 - Backend Golang API Integration 31:44 - Adding Compile daemon 35: 39 - Adding Dependencies 47:27 - Adding ENV Variables 52:23 - Creating Initializers (load env variables and db connecction) 1:08:41 - Adding Models and Relationships 1:22:18 - Migrations and DTOs 1:40:31 - Adding Routing 1:43:02 -Authentication API π WHAT YOU'LL LEARN: β JWT Authentication implementation in Go β Protecting routes with custom Middleware β Configuring CORS with Middleware β Complete CRUD operations (Create, Read, Update, Delete) β Building a REST API with Golang β Next.js frontend integration β Simple Store for state management β Connecting frontend to backend API π FULL DOCUMENTATION: Step-by-step guide: https://jb.desishub.com/blog/go-api-docs π STARTER CODE Starter code : https://github.com/MUKE-coder/shortener-client π» PROJECT FEATURES: β’ Secure JWT-based authentication β’ Protected API routes β’ URL shortening functionality β’ Full CRUD operations β’ Modern Next.js frontend β’ State management with Simple Store β’ CORS configuration for API security π οΈ TECH STACK: - Backend: Golang (Go) - Frontend: Next.js (React) - Authentication: JWT (JSON Web Tokens) - State Management: Simple Store - API: RESTful architecture π PREREQUISITES: - Basic knowledge of Go programming - Understanding of React/Next.js - Familiarity with REST APIs - Code editor (VS Code recommended) π― WHO IS THIS FOR? - Go developers wanting to build real-world projects - Full-stack developers learning Golang - Anyone interested in authentication & middleware - Developers building REST APIs π‘ BY THE END OF THIS TUTORIAL: You'll have a fully functional URL shortener application with secure authentication, protected routes, and a modern frontend interface. π₯ RESOURCES: β’ Documentation: https://jb.desishub.com/blog/go-api-docs β’ Starter code : https://github.com/MUKE-coder/shortener-client π If you found this tutorial helpful, please like, subscribe, and share! π¬ Questions? Drop them in the comments below! π Subscribe for more Golang, Next.js, and full-stack development tutorials! #golang #nextjs #jwt #webdevelopment #tutorial ------------πPREMIUM COURSES----------------------- π Modern Next.js & TypeScript Fullstack Course : Build 4 Powerful Applications : https://gmukejohnbaptist.gumroad.com/l/nextjs-course π Build School Pro: Full Stack School Management System Course: https://gmukejohnbaptist.gumroad.com/l/school-mgt-course π Free Courses : https://www.nextjsacademy.com/ -------------π»PREMIUM APPS AND SOURCE CODE FOR PROJECTS----------------------------- π Multi-School Management System with Custom CMS: https://desishub.gumroad.com/l/school-pro?wanted=true π Multivendor Ecommerce App Source Code:https://desishub.gumroad.com/l/kartify?wanted=true π Amazon Ecommerce clone App : https://desishub.gumroad.com/l/kyaja?wanted=true π Modern Next.js & TypeScript 3 systems in 1 Application Source Code: Ecommerce, POS, and Inventory Management: https://gmukejohnbaptist.gumroad.com/l/3-systems-in-1-app π Inventory Mgt App (Zoho clone) Source Code:https://gmukejohnbaptist.gumroad.com/l/nvbpik π Complete Invoice Generator App : https://gmukejohnbaptist.gumroad.com/l/asqlr π Explore our source code marketplace : https://codemint-gamma.vercel.app/ π Medical App Source Code : https://gmukejohnbaptist.gumroad.com/l/nhfiu πProject Management System Source Code : https://gmukejohnbaptist.gumroad.com/l/project-management-system --------------π€JOIN COMMUNITY---------------------- π Join Our WhatsApp Group: https://chat.whatsapp.com/IflHT14r9N7GzF8DFdpFsB --------------πSTARTER KITS---------------------- π Next.js Enterprise Starter Kit with Role-Based Access: https://gmukejohnbaptist.gumroad.com/l/hubstack-advanced πNext.js SaaS Starter Kit with Landing Page: https://gmukejohnbaptist.gumroad.com/l/hubstack-simple-auth --------------πFREE OFFERS-------------------------------- π All Projects at Discount : https://coding-school-typescript.vercel.app/give-away π Free Courses : https://www.nextjsacademy.com/ π 50% Course Discount: https://coding-school-typescript.vercel.app/nextjs-premium-course-offer