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

  • Mastering React.js Interviews: From 0 to Hero

    Mastering React.js Interviews: From 0 to Hero

    Sources: Kristiyan Velkov
    This book is your guide to preparing for interviews on React.js. Master key concepts and techniques for successfully navigating interviews.
  • 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
  • Build Web Apps with React & Firebase

    Build Web Apps with React & Firebase

    Sources: udemy
    React is a hugely popular front-end library and React developers are always in hight demand in the web dev job market. In this course you'll learn how to use React from the grou...
    23 hours 34 minutes 47 seconds
  • Create your Dream Apps with Cursor and Claude AI

    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