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.

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 Next.js Firebase - The Full Course

Join premium to watch
Go to premium
# Title Duration
1 1 README 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

Similar courses to Next.js Firebase - The Full Course

Zero to Full Stack Hero

Zero to Full Stack Heropapareact.com

Category: JavaScript, React.js, Others, CSS, Node.js, GraphQL, Firebase
Duration 101 hours 29 minutes 59 seconds
MERN React Node Next.js Multi User SEO Blogging Platform

MERN React Node Next.js Multi User SEO Blogging Platformudemy

Category: React.js, Next.js, Node.js
Duration 20 hours 25 minutes 13 seconds
Solidity & Ethereum in React (Next JS): The Complete Guide

Solidity & Ethereum in React (Next JS): The Complete Guideudemy

Category: React.js, Next.js, Decentralized Applications (dApps) / 'Web 3'
Duration 38 hours 47 minutes 24 seconds
NextJS E-Com Masterclass: Learn The All New Next JS

NextJS E-Com Masterclass: Learn The All New Next JSudemy

Category: Next.js
Duration 19 hours 17 minutes 40 seconds
CodeFast | Learn to code in weeks, not months.

CodeFast | Learn to code in weeks, not months.Marc Lou

Category: React.js, Next.js
Duration 11 hours 38 minutes 42 seconds
Next.js From Scratch 2024

Next.js From Scratch 2024Brad Traversy

Category: Next.js
Duration 11 hours 54 minutes 9 seconds
React Node AWS - Build infinitely Scaling MERN Stack App

React Node AWS - Build infinitely Scaling MERN Stack Appudemy

Category: React.js, AWS, Next.js, Node.js
Duration 25 hours 1 minute 19 seconds
Full Stack Development

Full Stack Developmentneetcode.io

Category: TypeScript, Next.js
Duration 4 hours 24 minutes 36 seconds