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.
Next.js - The Full Course
1h 14m 14s
English
Free
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.
Additional
About the Author: Fireship
Fireship (fireship.io) is the teaching brand of Jeff Delaney, a US developer behind the Fireship YouTube channel — one of the largest software-engineering channels on YouTube, with millions of subscribers tuning in for the channel's distinctive 100-second technology-explainer format. The fireship.io paid-course platform extends that approach into longer-form project-based courses.
The course catalog covers the modern web and mobile stack: React, Next.js, Angular, Svelte / SvelteKit, Vue, Flutter, Firebase (Jeff is a long-running Google Developer Expert for Firebase), Supabase, Stripe integration, AI / LLM features, and the broader full-stack JavaScript ecosystem. Course material favours fast-paced, project-based builds — students ship complete applications end-to-end rather than studying frameworks in isolation.
The CourseFlix listing under this source carries over 19 Fireship courses spanning that range. Material is paid; Fireship runs on per-course or membership pricing on the original platform. Courses are aimed at developers who learn best by shipping real applications fast.
Watch Online 32 lessons
- Space or K: play or pause
- J: rewind 10 seconds
- L: forward 10 seconds
- Left Arrow: rewind 5 seconds
- Right Arrow: forward 5 seconds
- Up Arrow: volume up
- Down Arrow: volume down
- M: mute or unmute
- F: toggle fullscreen
- T: toggle theater mode
- I: toggle mini player
- 0 to 9: seek to 0 to 90 percent of the video
- Shift plus N: next video
- Shift plus P: previous video
0:00 0:00
| # | Lesson Title | Duration |
|---|---|---|
| 1 | Next.js Tutorial | 09:01 |
| 2 | App Router | 02:00 |
| 3 | Route Handlers | 01:21 |
| 4 | Layouts | 01:34 |
| 5 | Rendering and SEO | 02:35 |
| 6 | Data Fetching | 01:50 |
| 7 | Streaming and Suspense | 02:00 |
| 8 | Auth.js | 01:51 |
| 9 | Prisma | 02:34 |
| 10 | Project Setup and Organization | 02:24 |
| 11 | Navigation | 02:55 |
| 12 | Static pages | 01:13 |
| 13 | API Routes | 01:16 |
| 14 | SSR | 02:48 |
| 15 | Static Generation | 01:27 |
| 16 | Auth.js Setup | 03:13 |
| 17 | Check Auth State | 02:01 |
| 18 | SignIn Buttons | 02:09 |
| 19 | Protect Routes | 00:58 |
| 20 | Database Setup | 01:50 |
| 21 | Prisma Setup | 02:07 |
| 22 | Auth Data Store | 00:57 |
| 23 | API Route Fetching | 01:03 |
| 24 | Server Component Fetching | 01:21 |
| 25 | Dynamic Route Data | 01:28 |
| 26 | Loading UI | 00:49 |
| 27 | Error UI | 01:19 |
| 28 | Form Sumbmission | 02:19 |
| 29 | Follower System | 01:41 |
| 30 | Follower System | 02:40 |
| 31 | Client Mutation | 03:39 |
| 32 | Server Actions | 07:51 |
Related courses
-
Updated 2y agoAdvanced NextJS WooCommerce REST API, TailwindCSS - Part-2
By: UdemyThis is part two of the course "Advanced NextJS WooCommerce With REST API And TailwindCSS". If you haven't already please complete the previous part of the cour8h 6m -
Updated 11mo agoAdvanced React Patterns
By: Cosden SolutionsMaster Advanced React Patterns - Explore over 700 minutes of comprehensive instructional material focusing on advanced React patterns.12h 7m5/5 -
Updated 3y agoFull Stack HATEOAS: Spring Boot 2.1, ReactJS, Redux
By: UdemyFull Stack introduction to HATEOAS. In this course, you will learn the core concepts of HATEOAS as well as how to leverage this on a ReactJS Application.5h 51m
Frequently asked questions
What prerequisites should I have before taking this course?
Before enrolling in this course, you should have a solid understanding of JavaScript and React, as the course involves using React Server Components extensively. Familiarity with PostgreSQL and basic database concepts will also be beneficial, especially for sections like Database Setup and Prisma Setup.
What will I build during the course?
Throughout the course, you'll build a full-stack application from scratch, leveraging the Next.js App Router introduced in version 13.2. The project will incorporate PostgreSQL and Prisma, covering various aspects such as Auth.js for authentication, API Routes, and dynamic route data handling.
Who is the target audience for this course?
This course is designed for web developers who are familiar with React and want to deepen their understanding of Next.js, particularly the new features in version 13.2. It is also suitable for developers interested in learning how to build full-stack applications using modern tools like Prisma and PostgreSQL.
How does the course depth compare to other Next.js courses?
This course provides a focused exploration of the Next.js App Router and React Server Components, which are relatively new features. It goes beyond basic Next.js applications by integrating full-stack development practices, including database setup with PostgreSQL and Prisma, making it suitable for those seeking advanced knowledge.
What specific tools or platforms are covered in the course?
The course covers a range of tools and platforms, including Next.js, React Server Components, and Prisma for ORM. PostgreSQL is used as the database solution, while Auth.js is employed for implementing authentication features. These technologies are integrated to create a seamless full-stack application.
What topics are not covered in this course?
The course does not cover introductory React concepts or basic JavaScript, as it assumes prior knowledge in these areas. Additionally, it does not delve into other JavaScript frameworks or database systems outside of Next.js, React, PostgreSQL, and Prisma.
What is the expected time commitment for this course?
The course consists of 32 lessons, but the total runtime is not specified. Given the depth and scope, students should anticipate dedicating several weeks to fully grasp the material, including hands-on practice with project setup, database integration, and route handling.