Next.js Full Stack Project with Next.js 15 and React 19
Offered By: Dave Gray via YouTube
Course Description
Overview
Embark on a comprehensive video tutorial series to build a full stack project using Next.js 15 and React 19. Dive into a robust tech stack including TypeScript, Tailwind CSS, ShadCN/ui, Sentry, Kinde Auth, Neon Postgres, and Drizzle ORM. Learn to create a dynamic homepage with a business card layout, implement routing groups and layouts, and develop a responsive header with navigation. Master custom animations and light/dark mode functionality using Tailwind and ShadCN/ui. Set up error handling and monitoring with Sentry, create custom error pages, and implement metadata for improved SEO. Gain hands-on experience in building a modern, feature-rich web application while exploring the latest tools and best practices in full stack development.
Syllabus
Intro
Tech Stack Overview
Prerequisite Skills
User Stories
Installing Next.js 15 & React 19
Installing ShadCN/ui
Background Image with Tailwind
Business Card Homepage
Routing Groups, Layouts & Templates
Page Routes
Header & Navigation
Custom Animations with Tailwind
Light & Dark Mode with ShadCN/ui
Sentry Set Up
Sentry: Alternate Manual Set Up for Next.js 15 RC
Creating error and global-error files
Sentry Alerts & Logs
404 Not Found page
Next.js Metadata
Taught by
Dave Gray
Related Courses
Computer NetworksUniversity of Washington via Coursera Cloud Networking
University of Illinois at Urbana-Champaign via Coursera Front End Frameworks
Google via Udacity Build a Simple Dynamic Site with Node.js Course (How To)
Treehouse VLSI Physical Design
Indian Institute of Technology, Kharagpur via Swayam