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
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX