NextJS + Firebase Tutorial ? // Hooks, Firestore, Authentication & Functions!

Learn How To Use Next JS With Firebase In This Tutorial Guide! Use Firebase with Next JS Using React Hooks, And Setup Firestore, Next JS Authentication With Firebase, And Create A Cloud Function Using Typescript. Website Preview: https://pineapple.vercel.app/

Source code for this project:
https://github.com/jarrodwatts/pineapple

Connect with me:
https://twitter.com/JarrodWattsDev
https://jarrodwatts.com
https://github.com/jarrodwatts
https://blog.jarrodwatts.com
https://www.buymeacoffee.com/jarrodwatts

Chapters:
0:00 - Introduction
0:35 - What We Will Create
1:59 - Creating Next JS Project
2:15 - Setting Up Typescript (optional)
2:40 - Cleaning Up Starter Code
2:56 - Installing Firebase Packages
3:20 - Creating Firebase Project
4:06 - Configuring Next JS with Firebase
4:44 - Firebase Authentication
8:05 - Firestore Database
10:46 - Firebase Cloud Functions
14:12 - Displaying Data on the UI
15:43 - Outro - Subscribe!

Using Next JS And Firebase, we will:
- Set up Next JS with Firebase and Firebase Hooks
- Set up Next JS Firebase Authentication with GitHub
- Sett up Real-time database updates with Firestore and Next JS
- Create Serverless Functions with Firebase Cloud Functions

Firebase is an incredible tool to get up and running with complex features of a full-stack application. With minimal effort required, we can create a full-stack web application with a live-updating database, an authentication system and cloud functions with ease.

If you're looking to build a SaaS application or a web-application at lightning pace, Firebase and Next JS provide an amazing toolset to get off the ground and into production with an incredible developer experience.