Next.js, Tailwind & Firebase Tutorial #2 – Layout Part 1 | Finance Tracker
Welcome to the second part of our tutorial series on building a finance tracker app using Next.js, Tailwind CSS, and Firebase. In this tutorial, we will focus on creating the layout for our app.
Setting up the Layout
First, we need to set up our basic layout using Tailwind CSS. We’ll use the grid and flexbox utilities to create a responsive and visually appealing layout for our finance tracker app.
Creating Components
We will create reusable components such as a sidebar, header, and main content area to organize our app’s layout. These components will make it easier to maintain and update our app in the future.
Connecting to Firebase
Finally, we will connect our app to Firebase to store and retrieve financial data. This will allow our app to have real-time updates and provide a seamless user experience.
I am stuck at adding base styles 1:55. Changes in globals.css is not being applied to page.js . What might be the fix?
nice content , but please remove the background music or make it lower
When is next video? Great content