https://tube.grossholtz.net/videos/watch/01183035-88cd-47a2-b315-ebf05395e0cb 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 2, we start building the app layout, add styling and create reusable components. Project demo: https://youtube-finance-tracker.vercel.app Source code: https://github.com/leonvanzyl/next13-finance-tracker/tree/lesson-2 Next.js docs: https://nextjs.org Tailwind docs: https://tailwindcss.com React Icons: https://react-icons.github.io/react-icons Chart.js docs: https://react-chartjs-2.js.org Chat with Like Minded Individuals on Discord: https://discord.gg/k2zShZMd Chapters 00:00 - Create the Expenses Section 03:00 - Adding more button styles 05:18 - CurrencyFormatter Function 12:33 - Expense Category Component 17:00 - Dummy Data & List 19:50 - Outro #next #nextjs #tailwindcss #firebase #firestore #reactjs Mon, 06 Apr 2026 03:20: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/01183035-88cd-47a2-b315-ebf05395e0cb 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.