Next.js - The Full Course
1h 14m 14s
English
Free
Course description
Next.js - The Full Course provides a in-depth look into the Next.js App Router introduced in version 13.2. It puts React Server Components into practice by building a full-stack application from scratch with PostgreSQL and Prisma.
Read more about the course
What will I learn?
- Everything you need to be productive with modern Next.js
- Complex topics explained in 100 seconds
- Design patterns with React Server Components (RSC)
- How to choose optimal rendering strategies
- Dynamic routing and project organization
- Advanced data fetching and caching
- User authentication with Auth.js
- Data modeling with Postgres and Primsa
- How to migrate from previous versions of Next.js
What will I build?
You will build a simple Social Media Platform inspired by sites like MySpace and Facebook where users can befriend each other. The goal of this project is to introduce you to Next’s rendering, data-fetching, and caching strategies.
Watch Online
0:00 0:00
| # | Lesson Title | Duration |
|---|---|---|
| 1 | Next.js Tutorial | 09:01 |
| 2 | App Router | 02:00 |
| 3 | Route Handlers | 01:21 |
| 4 | Layouts | 01:34 |
| 5 | Rendering and SEO | 02:35 |
| 6 | Data Fetching | 01:50 |
| 7 | Streaming and Suspense | 02:00 |
| 8 | Auth.js | 01:51 |
| 9 | Prisma | 02:34 |
| 10 | Project Setup and Organization | 02:24 |
| 11 | Navigation | 02:55 |
| 12 | Static pages | 01:13 |
| 13 | API Routes | 01:16 |
| 14 | SSR | 02:48 |
| 15 | Static Generation | 01:27 |
| 16 | Auth.js Setup | 03:13 |
| 17 | Check Auth State | 02:01 |
| 18 | SignIn Buttons | 02:09 |
| 19 | Protect Routes | 00:58 |
| 20 | Database Setup | 01:50 |
| 21 | Prisma Setup | 02:07 |
| 22 | Auth Data Store | 00:57 |
| 23 | API Route Fetching | 01:03 |
| 24 | Server Component Fetching | 01:21 |
| 25 | Dynamic Route Data | 01:28 |
| 26 | Loading UI | 00:49 |
| 27 | Error UI | 01:19 |
| 28 | Form Sumbmission | 02:19 |
| 29 | Follower System | 01:41 |
| 30 | Follower System | 02:40 |
| 31 | Client Mutation | 03:39 |
| 32 | Server Actions | 07:51 |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Building a Component Library with Storybook
Sources: learn.handlebarlabs.com
Learn to create a library of components that are easy to use, self documenting, and easily tested. I've found that using Storybook to define my component's API
1 hour 10 minutes 41 seconds
Zero to Full Stack Hero
Sources: papareact.com
PAPA React presents.. Zero to Full Stack Hero. It's NOT just another COURSE. It's the world's BEST COMMUNITY. From learning the Basics of Web Development to Mastering React!
101 hours 29 minutes 59 seconds
Magic UI Pro
Sources: Dillion Verma
Magic UI Pro is a platform for creating modern, visually appealing landing pages with minimal effort. It offers over 50 pre-designed...