Complete NextJS Firebase Course

Complete NextJS Firebase Course, available at $34.99, has an average rating of 3.9, with 21 lectures, based on 20 reviews, and has 4632 subscribers.

You will learn about Serverless NextJS development CRUD operation with Firebase firestore Learn React Hooks, React Context and React components Build client-side and fullstack ReactJS apps with NextJS This course is ideal for individuals who are Any developers want to learn Firebase from Scratch or React Developers looks for the simple backend solution It is particularly useful for Any developers want to learn Firebase from Scratch or React Developers looks for the simple backend solution.

Enroll now: Complete NextJS Firebase Course

Summary

Title: Complete NextJS Firebase Course

Price: $34.99

Average Rating: 3.9

Number of Lectures: 21

Number of Published Lectures: 21

Number of Curriculum Items: 21

Number of Published Curriculum Objects: 21

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Serverless NextJS development

CRUD operation with Firebase firestore

Learn React Hooks, React Context and React components

Build client-side and fullstack ReactJS apps with NextJS

Who Should Attend

Any developers want to learn Firebase from Scratch

React Developers looks for the simple backend solution

Target Audiences

Any developers want to learn Firebase from Scratch

React Developers looks for the simple backend solution

In this course, we will teach you How to setup the firebase with latest version v9. Firebase allows us to build application in serveless way, we do not need to spend a lot of time to setup the backend.

We will create a simple Todo app with NextJS and Firestore, which let us learn how to do the CRUD operation by using these two great tools

We will walk through how to setup the firebase, make the query to read the todos. We also will simplify the process of styling by using the Material UI.

After that we will create the input form for the user to adding a new todo. No matter the user is insert, update or delete, it will have an alert message show to the users to let them know their operation success.

We will also implement the detect function to detect whether the user want to update or delete the todo. The UI will change accordingly base on the user selection.

So if you also want to learn how to make query on Firebase Firestore, how to deal with the timestamp problem, letting the JavaScript understand the Firebase timestamp object, how to take a specific document to update. The course is for you.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Setup Firebase

Lecture 2: Read data from Firebase Firestore

Lecture 3: Style the todo item with material UI

Lecture 4: Create input form with material UI

Lecture 5: Create submit function to submit to Firebase Firestore

Lecture 6: Create Snackbar alert with Material UI

Lecture 7: Delete the todo

Lecture 8: Detect the input Area

Lecture 9: Update the document in Firebase Firestore

Lecture 10: Link to detail page

Lecture 11: Display the detail

Lecture 12: Display the detail as card

Lecture 13: Add loading page

Lecture 14: Add login page

Lecture 15: Create AuthProvider

Lecture 16: Google sign in

Lecture 17: Switch to different pages

Lecture 18: Display google account info and sign out

Lecture 19: Create personal todo list

Lecture 20: Using firebase admin SDK

Lecture 21: dsafsa

Instructors

Kim Chen
Registered teacher, MSc in Computer Science, Statistics

Rating Distribution

1 stars: 0 votes

2 stars: 3 votes

3 stars: 4 votes

4 stars: 8 votes

5 stars: 5 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!