CF

Next.js Firebase - The Full Course

2h 38m 13s
English
Paid

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 publish publicly with SEO-friendly rendering, while readers can heart or like posts in realtime.

Featuring…

  • Custom Firebase usernames
  • Bot-friendly content (SEO)
  • Advanced SSR, SSG, and ISR techniques
  • Firestore realtime CRUD and data modeling
  • Reactive forms with react-hook-form
  • Image file uploads
  • Realtime hearts
  • Security & Deployment

Additional

https://github.com/fireship-io/next-firebase-course

https://next.fireship.io/

About the Author: Fireship

Fireship thumbnail

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 33 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 33 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 1 README
All Course Lessons (33)
#Lesson TitleDurationAccess
1
1 README Demo
02:12
2
2 React Basics
13:15
3
3 Firebase Basics
25:23
4
4 Next.js Basics
11:52
5
5 Technical Overview
04:47
6
6 Next.js Setup
05:41
7
7 TypeScript
02:08
8
8 Firebase Setup
05:09
9
9 Routing
04:55
10
10 Loader
01:31
11
11 Navbar
03:24
12
12 Toast
01:23
13
13 Auth Intro
02:09
14
14 Google SignIn
02:52
15
15 Auth Context
03:09
16
16 Auth Hook
03:57
17
17 Custom Usernames
07:03
18
18 SSR & SEO in Next
04:28
19
19 Data Model
01:42
20
20 SSR User Profile Page
05:43
21
21 SSR + Paginated Home Page Feed
03:40
22
22 ISR Incremental Static Regeneration
03:54
23
23 Realtime Data Hydration
02:31
24
24 Custom 404 Page
01:17
25
25 Metatags for SEO
02:00
26
26 Admin Pages
01:52
27
27 Create Data with Firestore
05:20
28
28 Post Editing Form
05:34
29
29 Form Validation
02:02
30
30 Image Uploads
04:56
31
31 Hearts, Likes, Claps
03:56
32
32 Backend Security
06:30
33
33 Vercel Deployment
01:58
Unlock unlimited learning

Get instant access to all 32 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this course?
The course assumes a basic understanding of JavaScript and web development concepts. Familiarity with React is beneficial, as React Basics is covered in the early lessons. No prior experience with Firebase or Next.js is required, as the course covers Firebase Basics and Next.js Basics.
What will I build during this course?
You will build a full-stack social blogging platform inspired by DEV.to and Medium. The platform allows authors to create content under custom usernames, publish publicly with SEO-friendly rendering, and enables readers to heart or like posts in real-time. Key features include authentication, a dynamic home page feed, and admin pages.
Who is the target audience for this course?
This course is ideal for developers who want to learn how to build full-stack applications using modern tools like Next.js and Firebase. It is particularly suitable for those interested in creating scalable and SEO-friendly web applications.
What specific tools and platforms will be used in this course?
The course utilizes Next.js for server-side rendering and SEO optimizations, Firebase for backend services like authentication and database management, and Vercel for deployment. TypeScript is introduced to enhance development with static typing.
What topics are not covered in this course?
The course does not cover traditional server-side technologies like Node.js or Express. It focuses primarily on serverless architecture using Firebase and client-side rendering with Next.js.
How much time should I expect to commit to this course?
The course consists of 33 lessons. While the total runtime is not specified, typical courses of this nature may require several hours of study time per week, including time spent on exercises and projects. It is designed to be completed at your own pace.
How does this course provide value for future learning or career opportunities?
By completing this course, you will gain practical experience with Next.js and Firebase, which are widely used in modern web development. The skills acquired can be applied to a variety of web development roles and are transferable to other frameworks and technologies.