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

Next.js Projects: Build an Issue Tracker

Next.js Projects: Build an Issue Tracker

Sources: codewithmosh (Mosh Hamedani)
Learn to Build Full-stack Apps with Next.js, TypeScript, Prisma, Tailwind, and Radix UI. Clear. Concise. Comprehensive. Tired of piecing together disconnected t
7 hours 1 minute 57 seconds
Responsive LLM Applications with Server-Sent Events

Responsive LLM Applications with Server-Sent Events

Sources: fullstack.io
Large Language Models (LLMs) are transforming entire industries, but their integration into user interfaces with real-time data streaming...
1 hour 18 minutes 18 seconds
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)

Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)

Sources: udemy
We will start with integration of a very clean application layout I have prepared for you. We will follow latest practices of React and Next JS, this means we w
13 hours 5 minutes 9 seconds
MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)

MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)

Sources: udemy
Learn to build FullStack JavaScript Web Apps using MERN (MongoDB ExpressJs ReactJs NodeJS) Stack If you love learning new skills and building real world apps wi
34 hours 4 minutes 17 seconds
React Supabase Full Course

React Supabase Full Course

Sources: fireship.io
Build and deploy a full-stack, production-ready web app with Supabase, React, and Postgres. The Supabase Course is a project-based course that builds a Reddit-inspired web app f...
1 hour 39 minutes 49 seconds