Quickly build a full-stack blog content website

#javascript #webdev #programming #tutorial

Hey there!!

Welcome to the new letter. For the last 2 months, I've been working on buildsaas.dev

It's a starterkit framework for building applications, a single boilerplate that contains almost everything in an application. For example, every website has a few common things that should be present, as mentioned below

Frontend pages (landing page, pricing, subscription, blog, newsletter, legal pages)
Backend APIs (Authentication, Payment, Pricing, other required APIs, exportconvert, etc)
Admin panel to manage my application (Write blog, craft emails, send emails, check subscribers, visitor analysis, payments records etc)

Buildsaas.dev starterkit includes all of the above features.

Build a Blog Website Instantly!!\

Let's not bore you and show some demo,

Demo Github Repository

How to use and launch your app!!

Download zip
Add Firebase database keys in .env.local file
Push to Github
Deploy to Vercel

Tech stack used is Nextjs, React, Tailwind and Firebase

If you need an email service for all, add Resend API keys as well

How to write a blog

Go to localhost:3000/admin
Open the blogs tab from the sidebar, as shownin the image below
Start writing a blog and push to the database (it will automatically be shown in the frontend localhost:3000/blog)
Similarly, add emails, check email subscribers and check analytics within the admin

Why only Firebase?

The first version uses Firebae as a database, and if you need another database, such as Supabase, let me know.

But if you need Supabase, you can use buildsaas.dev starterkit which is more advance version and built using Supabase and Firebase both including Stripe and Polar as payments.