https://tube.grossholtz.net/videos/watch/9de60a10-b2e9-4721-ae32-7184f2e31c5f 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 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 - Start 00:07 - Create Chart section 01:05 - Chartjs Documentation 01:18 - Setup Chartjs 02:51 - "Use Client" 04:12 - Doughnut Component 06:54 - Resize Chart 07:28 - Rename Amount to Total 08:43 - Lyout Wrapup #next #nextjs #tailwindcss #firebase #firestore #reactjs Mon, 06 Apr 2026 01:45:12 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/9de60a10-b2e9-4721-ae32-7184f2e31c5f 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.