Next.js, Tailwind & Firebase Tutorial #4 - Income Part 1 | Finance Tracker
In this tutorial series we'll create a production-ready Finance Tracker app using Next.js 13, Tailwind CSS and Firebase.
The app includes security using user authentication, protected routes, data storage using Firebase Firestore and styling the website using Tailwind CSS.
In lesson 4, Part 1, we will set up Firebase & Firestore to our Project.
Project demo: https://youtube-finance-tracker.verce...
Source code: https://github.com/leonvanzyl/next13-...
Next.js docs: https://nextjs.org
Tailwindcss docs: https://tailwindcss.com/
Firebase: https://firebase.google.com
Chat with Like Minded Individuals on Discord:
/ discord
CHAPTERS:
00:00 - Intro
00:45 - Logo
00:50 - Getting started with Firebase
03:23 - Setting up Firebase Firestore
06:23 - Create Add Income Modal
08:44 - Add Income Form
14:13 - Fixing the Button Self-Start issue
14:48 - Adding Firestore to our Project
16:03 - Outro
#next #nextjs #tailwindcss #firebase #firestore #reactjs