Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Next.js Full Stack Project with Next.js 15 and React 19

Dave Gray via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Reviews

Start your review of Next.js Full Stack Project with Next.js 15 and React 19

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.