Free Next.js SaaS Starter Template: Landing Page, Blog and Email List in One

Ever been in this situation? You hire an agent to make a landing page for your SaaS product, and it’s fine. You’re satisfied. But then after a week you decide you need a blog. Or a dark mode. Or an email capture form so that people can sign up for your newsletter. And now you have to hire the agent again and ask them to tack on a bunch of features.

Blazity Next.js SaaS Starter prevents this situation entirely. It’s a free open source template created by Blazity, a Next.js agency, and it has a complete marketing website built in, ready to go, including a landing page, a blog, dark mode, email capture, and more.

It includes: A landing page with standard sections, A blog with support for writing blog posts in Markdown (you don’t need to know how to code to write new posts), Dark mode out of the box, Mailchimp email capture for building your subscriber list, Sendgrid for actually sending email campaigns, A CMS called TinaCMS that lets you edit the site’s content directly from the browser (at localhost:3000/admin) without having to touch any code. This is like heaven for vibes coders.

1How to set it up with your agent

All you need to do is give your agent this link and tell them what your product is: “Hey, use the Blazity Next.js SaaS Starter template and set it up for my project called [name]. Replace all the placeholders with my product.” Your agent will run this script:

git clone https://github.com/Blazity/next-saas-starter.git my-saas
cd my-saas
yarn install
yarn dev

When the project is running locally, navigate to localhost:3000 and your new site will be there. To add new posts to your blog or update your headlines, navigate to localhost:3000/admin, where you can use TinaCMS to edit your site just like a normal website. No agent required!

2Deploying it live

There are one-click deploy buttons for both Vercel and Netlify in the README. Vercel is likely to be the easiest because it’s the platform behind Next.js, and the two integrate perfectly. Click the deploy button, connect your GitHub account, and your site will be deployed. Now you can configure the Mailchimp and Sendgrid environment variables in Vercel (ask your agent for help with these steps).