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
Next.js - The Full Course is a 32-lesson 1 hour 14 minutes self-paced course by Fireship. Next.
Course facts
- Lessons
- 32
- Duration
- 1 hour 14 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Fireship
- Price
- 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
Who teaches Next.js - The Full Course? 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.
What lessons are included in Next.js - The Full Course?
- 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 |
What courses are similar to Next.js - The Full Course?
-
Updated 2y agoPython/Django + React QR Digital Menu Builder
By: PythonYogaMade for restaurants, cafes, pubs and hotels. Your customers can order from their table or from their couch at home.10h 49m3/5 -
Updated 2y agoReact Hooks
By: UI.dev (Tyler McGinnis)If you never develop a convincing answer for both of those questions, you won t have a solid enough foundation to build upon when you dive into the specifics.3h 47m -
Updated 2y agoReact Supabase Full Course
By: FireshipBuild and deploy a full-stack, production-ready web app with Supabase, React, and Postgres.1h 39m5/5 -
ClassicMaster Spring Boot 3 & Spring Framework 6 with Java
By: UdemyThis is THE COURSE you need to learn everything you need to know about building real world Java applications and deploying them to the cloud using Spring and.37h 34m5/5 -
Updated 10mo agoWeb Performance Fundamentals
By: Nadia Makarevich"The Foundations of Web Performance" is devoted to the key aspects of enhancing the speed and responsiveness of web applications in the context of React. -
Updated 2y agoFullstack ASP.NET Core and React Masterclass | Learnify
By: Fullstack.ioLearnify is a self-paced, online Masterclass, where you will master ASP.NET CORE and React by building a practical, real-world application from scratch.20h 40m0/5 -
Updated 8mo agoBuild and Deploy a B2B SaaS AI Support Platform
By: Antonio Erdeljac (Code With Antonio)In this course, we will build a customer support platform powered by AI from scratch: we will set up a live chat using Convex Agents, add voice support through.22h 20m5/5 -
FreeClassicNext.js From Scratch 2024
By: Brad TraversyThe main project in this course is a full-featured property rental website with property search, browsing and management. User authentication using Next Auth al11h 54m5/5
More courses by Fireship
-
Updated 2y agoNext.js Firebase - The Full Course
You will build a full-stack Social Blogging Platform inspired by sites like DEV.to and Medium. Authors can create content under their custom username, then pub2h 38m -
Updated 2y agoStripe Payments JavaScript Course
Learn how to build safe Stripe payments with JavaScript. You use Node and React to create a web app that handles charges, customers, and subscriptions.1h 29m -
FreeUpdated 2y agoThe Vue Firebase Project Course
The Vue Firebase Project Course will teach you the basics of full-stack web development by building a chat prototype from scratch. You will build a realtime wal46m5/5 -
Updated 2y agoAngular 9 Firebase Project Course
The Angular Firebase PWA Course will teach you how to build a complex progressive web app with Angular 9 (ivy), Material Design, and Firebase. It starts from ab2h 46m -
Updated 2y agoIonic 4 Firebase Master Course
The Ionic4 Master Course will teach you the fundamentals of full-stack cross-platform app development, using the combined powers of Angular & Firebase.1h 31m -
Updated 2y agoStripe Payments Cloud Functions
This course has been deprecated! While the code here will still work, the it is recommended that you use the latest Stripe APIs shown in the new.1h 10m
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.