Working with NextJS, Firebase and SCSS (Part 1)

So, I made a blog website where everyone can post there experience in the car they have and the experience of fixing something in it. The website is called The Car Heart. The Car Heart

How did I do it? It was so hard!

1. The first step was finding the stack I needed. If it didn't include images I would have picked MongoDB. If it wasn't for my likes I would have picked React. But I love NextJS more. Why not Tailwind? I don't like CSS libraries because they make me feel less of a developer.

2. Initiating in GitHub
   I made a GitHub repository for my project. After I used Vercel for hosting it.

3. Adding the Routes
   By adding all the routes I was able to manage my data before using Firebase.

4. Lay the basic SCSS file system
   When I write code I put all the SCSS files in one big file to be able to manage my systems.

5. Initiating Firebase
   I used Firebase Auth, Storage and Firestore. I used each of them in a way that connects them. I stored the user data in Firestore, the blogs too. I used the storage to store all the images. Then I added authentication for the website.

Part 2 next week.