Full-Stack Next.js 15 Course

Description

Learn Next.js 15 from the ground up by building and deploying a fullstack multi user blog platform (Like Medium or DEV) Source Codes: https://www.patreon.com/posts/full-stack-next-143190047?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link Live site: https://webdevblog-course.onrender.com ✅ Tech Stack Used • Next.js • React • TypeScript • TailwindCSS • PostgreSQL • Prisma • Socket.IO • Auth.js (formerly Next-Auth) • EdgeStore • Resend ✅ What You’ll Learn in This Course • Build a full-stack, multi-user blogging platform inspired by Medium and DEV using Next.js 15, TypeScript, and TailwindCSS • Use the newest Next.js App Router, Server Components, Server Actions, and other modern features • Create a complete Auth.js v5 authentication system – Email and password login – Google and GitHub OAuth – Email verification – Password reset • Build a powerful BlockNote text editor (Notion-style) for blog creation • Handle images end-to-end: upload, replace, and delete • Add a full comments system with blog comments and comment replies • Create user profiles with details, settings, and user blog listings • Implement real-time notifications using Socket.IO Sections: 00:00 - Course Intro 02:24 - App Demo 17:59 - Prerequisites 19:35 - React vs Next.js 22:14 - Creating a Next.js app 29:29 - RootLayout and HomePage 34:05 - Adding Google Fonts 37:24 - The cn Function 41:51 - TailwindCSS Intro 47:44 - Navbar Initial Setup 57:45 - The Container Component 01:00:14 - Theme Toggle 01:10:57 - Logo 01:13:23 - Shadcn Intro 01:21:32 - Style Notifications 01:28:35 - UserButton Style 01:34:45 - Push Code to Github 01:39:00 - Adding Pages 01:52:43 - Adding Nested Layouts 01:57:25 - Linking Pages 02:04:39 - Intro to Typescript 02:15:50 - Reusable Input Component 02:26:46 - The Login Form 02:38:24 - Reusable Button Component 02:46:27 - Reusable Heading Component 02:49:39 - Social Auth Component 02:52:29 - The Register Form ✨ Follow Me on Twitter: https://twitter.com/ChaooCharles ✨ Join My Discord Server https://discord.gg/WGqJ2CZebb SUPPORT MY CHANNEL 📍SUBSCRIBE: https://www.youtube.com/channel/UCe8uN9zoKksCb1hfw61myRw?sub_confirmation=1 📍Become a Channel Member:https://www.youtube.com/channel/UCe8uN9zoKksCb1hfw61myRw/join 📍Join My Fun Channel: https://www.youtube.com/channel/UCy4bfau19vYgrPBhCCI2Zbg GET IN TOUCH: 📍 Twitter: https://twitter.com/ChaooCharles Disclaimer: This video is not sponsored