Next.js Firebase - The Full Course

2h 38m 13s
English
Paid

Course description

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.

Read more about the course

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

Watch Online

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Build your AI startup in hours using our customizable demo apps | AnotherWrapper

Build your AI startup in hours using our customizable demo apps | AnotherWrapper

Sources: Fekri
Create your AI startup quickly and efficiently using AnotherWrapper's customizable demo apps. Our all-in-one Next.js AI starter kit includes everything you...
Real-Time Collaborative Apps with Next.js and Supabase

Real-Time Collaborative Apps with Next.js and Supabase

Sources: fullstack.io
This course is here to assist you in efficiently creating real-time applications using Next.js, TypeScript, Tailwind CSS, and Supabase. We go beyond the fundame
51 minutes 59 seconds
Testing Next.js Apps with Jest, Testing Library and Cypress

Testing Next.js Apps with Jest, Testing Library and Cypress

Sources: udemy
Learn to test a real-world serverless React app with routes, authentication, database and more! Learn how to test your Next.js app from top to bottom! Tests pro
7 hours 35 minutes 24 seconds
The Joy of React

The Joy of React

Sources: Josh Comeau
The all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let’s be real. Learning React is hard. Over the past few years, ...
25 hours 35 minutes 33 seconds
Full Stack Authentication in 20 Minutes With Clerk (Next.js + NestJS)

Full Stack Authentication in 20 Minutes With Clerk (Next.js + NestJS)

Sources: Michael Guay
Find out how to set up authentication with Clerk in 20 minutes in a Next.js and NestJS application. A simple and secure integration for your project.
18 minutes 9 seconds