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