YoVDO

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

Offered By: Dave Gray via YouTube

Tags

Next.js Courses Web Development Courses React Courses Typescript Courses Routing Courses Full Stack Development Courses Sentry Courses

Course Description

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

Related Courses

Computer Networks
University 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