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

NestJS gRPC & Angular

NestJS gRPC & Angular

Sources: Michael Guay
Find out how to connect a gRPC backend on NestJS to a frontend on Angular. We'll implement CRUD and set up real-time data streaming using Envoy...
1 hour 12 minutes 58 seconds
React Simplified - Next.js

React Simplified - Next.js

Sources: webdevsimplified.com
Welcome to my Next.js course. This course is a little bit interesting in how it's structured because it's actually broken into two main sections. That's because
9 hours 33 minutes 4 seconds
Server side rendering with Next + React

Server side rendering with Next + React

Sources: udemy
Do you want to learn the whole process of building a server side React App ?. This is the course for you. We will start from the very beginning, from "I don't even know how to u...
29 hours 43 minutes 19 seconds
Build a Microservices app with .Net and NextJS from scratch

Build a Microservices app with .Net and NextJS from scratch

Sources: udemy
Microservices is the latest 'buzzword' and hot topic in the web development industry at the moment and nowadays having microservices as part of your skillset is becoming more an...
31 hours 42 minutes 57 seconds