Next.js, Tailwind & Firebase Tutorial #2 - Layout Part 2 | 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 2, we start building the app layout, add styling and create reusable components.
Project demo: https://youtube-finance-tracker.verce...
Source code: https://github.com/leonvanzyl/next13-...
Next.js docs: https://nextjs.org
Tailwind docs: https://tailwindcss.com
React Icons: https://react-icons.github.io/react-i...
Chart.js docs: https://react-chartjs-2.js.org
Chat with Like Minded Individuals on Discord:
/ discord
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