Skip to main content

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

Sleek Next.JS Applications with shadcn/ui

Sleek Next.JS Applications with shadcn/ui

Sources: fullstack.io
Dive into the development of modern web interfaces by learning the basics of shadcn/ui, TailwindCSS, and Radix UI. Learn to create flexible and modular...
5 hours 10 minutes 20 seconds
Build a Youtube Clone

Build a Youtube Clone

Sources: Code With Antonio
In this 24-hour course, you will learn how to create your own YouTube clone using modern technologies. We will go into detail on advanced topics, including...
23 hours 42 minutes 10 seconds
Add React Storybook to a Project

Add React Storybook to a Project

Sources: egghead
In this lesson, we show how to setup React Storybook into an existing React project. We’ll go through common configuration files and how to adjust them.
3 minutes 36 seconds
React Simplified - Beginner

React Simplified - Beginner

Sources: webdevsimplified.com
A complete video course with just under 11 hours of content spread across 79 videos and 10 modules. This may be called a Beginner Course, but it doesn't just s
10 hours 58 minutes 46 seconds
The Official React Query Course - query.gg

The Official React Query Course - query.gg

Sources: ui.dev (ex. Tyler McGinnis)
React Query has been one of the fastest growing and most popular third party libraries in the React ecosystem, and this course will teach you everything you...
4 hours 17 minutes 17 seconds