Free Next.js SaaS Starter Template: Landing Page, Blog and Email List in One
The Blazity Next.js SaaS Starter is a free marketing site template with landing page, blog, dark mode and Mailchimp integration — your agent sets it up, you edit content in the browser.
Here's a thing that happened to me three times in a row. You ask the agent to build a landing page for your SaaS product, it comes out decent, you're happy. Then a week later you want to add a blog. Then someone asks for dark mode. Then you realize you need to collect emails for a newsletter. And suddenly you're back in a long session with the agent, bolting things on one by one.
The Blazity Next.js SaaS Starter solves all of that upfront. It's a free open source template made by Blazity, a Next.js agency — and it comes with a full marketing website already assembled: landing page, blog, dark mode, email capture, the whole thing.
Source
Blazity/next-saas-starter
★ 1,681TypeScript
What's inside: a landing page with all the usual sections, a blog where you write posts in Markdown (no technical knowledge needed to write new posts), dark mode that works out of the box, Mailchimp integration for collecting email subscribers, and Sendgrid for sending actual email campaigns. There's also a CMS called TinaCMS wired in — that means you can go to a special /admin page in your browser and edit the site content there, without opening any files at all. For a vibe coder this part is maybe the most useful thing in the whole package.
How to set it up with your agent
Hand the agent the link and say what your product is. Something like: "Use the Blazity Next.js SaaS Starter template and set it up for my project called [name] — replace all the placeholder text with my product description." The agent takes it from there. Here's what it runs:
git clone https://github.com/Blazity/next-saas-starter.git my-saas cd my-saas yarn install yarn dev
Once it's running locally, you open localhost:3000 and see your future site. And when you want to write a blog post or change the headline, just go to localhost:3000/admin — TinaCMS loads up and you edit everything from there like a regular website editor. No agent needed for that part.
Deploying it live
One-click deploy buttons for both Vercel and Netlify are right in the README. Vercel is probably the smoother choice since it's the same company that makes Next.js — they work together seamlessly. Just click the button, connect your GitHub account, and the site is live. You can then set up Mailchimp and Sendgrid keys in the Vercel environment settings (the agent can help with each step).
A complete SaaS marketing site: landing page with SEO, blog you can write in the browser, dark mode, Mailchimp newsletter signup, email sending via Sendgrid. Agent sets it up once, you manage it yourself after that.
Source: github.com
Free course
Stop reading about AI — start building with it
The free Claude Code course: your first site, tool or game — no coding. No upsells, no cross-sells — nothing to buy here.
Start free →
Author
Evgenii Arsentev
PhD · Chief Executive Officer, digital health
Articles · Latest articles