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

Build a Full Stack Twitter clone with Next.js
Coursera Project Network via Coursera
Next JS with React Hooks - Building SSR React Applications
Udemy
End to End React with Prisma 2
Udemy
Build a Server Rendered Website with Next.js
Coursera Project Network via Coursera
Next.js 14 & React - The Complete Guide
Udemy