I've own the gnagnarella.me domain for some time with the aspirtion of hosting my personal website and maybe do some monthly posts. Initially I hosted a Wordpress site, but I never put much effort into it.
But with the new year it comes new goals. So here I am starting fresh.
This first post is about the site itself.
What was I looking for?
This time around I was going for a very clean an minimalistic style running on a stack that would allow me to test some of the latest and greatest Firebase features and that would gave me the ability to quickly(-ish) write posts using Markdown .
I knew I wanted to try something in NextJS I did what every person would do before starting a new project... I Googled . Which led me to two places:
- # Top 15 Next.js Blog Starter Templates in 2024 where I got some inspiration.
- And Vercel's Blog templates and starters where I ended up picking the Portfolio Started Kit one.
This template gives me a lightweight starting point I can then expand from while offering a few features I liked of the bat:
Features
- Data published
- Supports markdown
- Author page
- RSS
Tech Stack
- Next.js
- Tailwind CSS
- TypeScript
Deploying in Firebase App Hosting
Once I managed to update and clean some of the NextJS and TailwindCSS dependencies, the deployment to Firebase App Hosting was fairly simple.
- Fork my repo.
- If you don't have an account already, sign up to Firebase.
- Configure Firebase App Hosting (FAH). A few notes on this step:
- You will have to provide a credit card: A credit card is needed for things such as Cloud Run, Cloud Build, and App Hosting itself. You will not be charged as far as you remain under the free tier for those products. You can learn more about FAH's pricing here.