https://tube.grossholtz.net/videos/watch/e1ac72d5-75c5-4b05-b1af-2c87aab38fcf 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.vercel.app Source code: https://github.com/leonvanzyl/next13-finance-tracker Next.js docs: https://nextjs.org Tailwindcss docs: https://tailwindcss.com/ Firebase: https://firebase.google.com Chat with Like Minded Individuals on Discord: https://discord.gg/k2zShZMd 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 Mon, 06 Apr 2026 01:25:10 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://tube.grossholtz.net https://tube.grossholtz.net/client/assets/images/icons/icon-512x512.png https://tube.grossholtz.net/videos/watch/e1ac72d5-75c5-4b05-b1af-2c87aab38fcf All rights reserved, unless otherwise specified in the terms specified at https://tube.grossholtz.net/about and potential licenses granted by each content's rightholder.