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
Full-Stack React with GraphQL and Apollo Boost
Sources: udemy
This course is designed for anyone who wants to start building applications with React and GraphQL! In this course, we will build a recipe application from scratch with full aut...
6 hours 54 minutes 31 seconds
Create your Dream Apps with Cursor and Claude AI
Sources: designcode.io
In this course, you will learn to create dream web applications from scratch using Cursor, Claude AI, and a set of powerful AI tools. You will master...
5 hours 46 minutes 6 seconds
Crash Course: Build a Full-Stack Web App in a Weekend!
Sources: udemy
Do you want to learn the fundamentals of modern web development fast? Do you want to find out if building websites and apps is the right career path for you? Or maybe you just w...
12 hours 13 minutes 30 seconds
React - The Complete Guide
Sources: udemy, Academind Pro
Learn React or dive deeper into it. Learn the theory, solve assignments, practice in demo projects and build one big application which is improved throughout t
47 hours 42 minutes 41 seconds