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
Advanced React For Enterprise: React for senior engineers
Sources: udemy
Welcome to the React for Senior engineers course !! Knowledge of React is 100% required for this course. I've been working with React.js for over 5 years now,
6 hours 4 minutes 5 seconds
Build a Multi-Tenant E-Commerce with Next.js, Tailwind v4, Stripe Connect
Sources: Code With Antonio
In this 20-hour course, you will create your own platform from scratch in the style of Gumroad - a full-fledged multi-vendor e-commerce application, where...
19 hours 52 minutes 3 seconds
React Component Testing with Vitest
Sources: Artem Zakharchenko
The closer your tests imitate real application usage, the more confidence they provide. However, for a long time, web developers had to...
1 hour 38 minutes 34 seconds
React Query (OLD)
Sources: ui.dev (ex. Tyler McGinnis)
Learn React Query with the official React Query course. WANT TO SKIP THE DOCS? There’s an easier way to master React Query. Our linear course is like having...
7 hours 1 minute 30 seconds
MERN Stack - React Node from Scratch Building Social Network
Sources: udemy
Welcome to Become a FullStack / MERN Stack JavaScript Developer from Scratch with React, Node JS and MongoDB. In this course you will Learn React with Node JS f
20 hours 49 minutes 20 seconds