https://tube.grossholtz.net/videos/watch/dfb8891c-619c-4758-b05b-954aa640ed06 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 2, we create the logic for adding, reading and deleting income documents from Firestore. 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 - Adding Firestore Logic 00:08 - Add Income Handler 02:33 - Setting up Firebase Firestore 03:38 - Fixing Map Key Error 04:19 - Add Docs to Firestore 05:30 - Create Add Income Modal 07:24 - Reading Firestore Docs 07:51 - Add Income Form 12:11 - Converting Firestore Timestamp 15:31 - Update Income State on Add 17:34 - Delete Firestore Docs 22:47 - Outro #next #nextjs #tailwindcss #firebase #firestore #reactjs Mon, 06 Apr 2026 01:45:01 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/dfb8891c-619c-4758-b05b-954aa640ed06 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.