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 TitleDuration
1Next.js Tutorial09:01
2App Router02:00
3Route Handlers01:21
4Layouts01:34
5Rendering and SEO02:35
6Data Fetching01:50
7Streaming and Suspense02:00
8Auth.js01:51
9Prisma02:34
10Project Setup and Organization02:24
11Navigation02:55
12Static pages01:13
13API Routes01:16
14SSR02:48
15Static Generation01:27
16Auth.js Setup03:13
17Check Auth State02:01
18SignIn Buttons02:09
19Protect Routes00:58
20Database Setup01:50
21Prisma Setup02:07
22Auth Data Store00:57
23API Route Fetching01:03
24Server Component Fetching01:21
25Dynamic Route Data01:28
26Loading UI00:49
27Error UI01:19
28Form Sumbmission02:19
29Follower System01:41
30Follower System02:40
31Client Mutation03:39
32Server Actions07:51

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Build fancy landing pages with React and Threejs

Build fancy landing pages with React and Threejs

Sources: Paul Henschel (@0xca0a)
This course teaches you how to add stunning flourishes to your sites with little code and complexity. You would think that some of the extraordinary websites on awwwards, fwa or...
38 minutes 9 seconds
Build and Deploy a Lovable Clone

Build and Deploy a Lovable Clone

Sources: Code With Antonio
In this course, you will create an AI platform for generating applications from scratch. You will learn how to build fully functional full-stack applications...
10 hours 34 minutes 16 seconds
Understanding React | Don’t Imitate Understand

Understanding React | Don’t Imitate Understand

Sources: Anthony Alicea
Even if you've been using React for years, your mental model is likely inaccurate. That's because the best mental model is understanding how something really wo
17 hours 3 minutes 45 seconds
NestJS + Next.js: Event Driven Architecture

NestJS + Next.js: Event Driven Architecture

Sources: Michael Guay
Learn how to create an event-driven architecture with NestJS and Next.js. The course covers EventEmitter and SSE for developing real-time systems.
45 minutes 9 seconds
Build a Shopping App With Next.js + NestJS & Prisma

Build a Shopping App With Next.js + NestJS & Prisma

Sources: udemy, Michael Guay
Study the creation of a Shopping App using Next.js, NestJS, and Prisma. Develop a fully-fledged full-stack application with Stripe integration for payments...
8 hours 6 minutes 54 seconds