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

  • Stripe Payments JavaScript Course

    Stripe Payments JavaScript Course

    Sources: fireship.io
    The Stripe Payments JavaScript Course is a project-based guide to building fullstack payment solutions on the web with Node.js and React. The goal is to provide a solid foundati...
    1 hour 29 minutes 26 seconds
  • Build an AI Chatbot with Vercel AI SDK & Gateway

    Build an AI Chatbot with Vercel AI SDK & Gateway

    Sources: Michael Guay
    Attend the workshop and create an AI chatbot using NestJS and Next.js. Learn how to integrate an AI interface into the application using Vercel AI SDK and...
    2 hours 21 minutes 35 seconds
  • MERN Stack Front To Back: Full Stack React, Redux & Node.js.

    MERN Stack Front To Back: Full Stack React, Redux & Node.js.

    Sources: udemy, Brad Traversy
    Welcome to "MERN Stack Front To Back". In this course we will build an in depth full stack social network application using Node.js, Express, React, Redux and MongoDB along with...
    11 hours 52 minutes 29 seconds
  • Next.js 14 Real-Time Chat App using Socket IO

    Next.js 14 Real-Time Chat App using Socket IO

    Sources: udemy
    This course will introduce you to creating a real-time chat application using Next.js 14 and Socket.IO. We will cover both the latest features of Next.js and...
    12 hours 22 minutes 25 seconds
  • Zero To Shipped. The ultimate Next.js template

    Zero To Shipped. The ultimate Next.js template

    Sources: Kitze
    Zero To Shipped is a powerful Next.js template designed to accelerate the full cycle of web application development. It offers a ready-made infrastructure with.