Бесплатный Next.js SaaS-шаблон: лендинг, блог и email-рассылка в одном

Три раза подряд было одно и то же. Просишь агента сделать лендинг для SaaS-продукта, получается нормально, радуешься. Через неделю хочется добавить блог. Потом кто-то спрашивает тёмную тему. Потом понимаешь что нужно собирать имейлы для рассылки. И снова длинная сессия с агентом, прикручиваешь всё по одному.

Шаблон Blazity Next.js SaaS Starter решает всё это заранее. Бесплатный open source шаблон от Blazity — это польское агентство которое специализируется на Next.js. Внутри уже собран полноценный маркетинговый сайт: лендинг, блог, тёмная тема, форма подписки, всё сразу.

Что внутри: лендинг с нужными секциями, блог где посты пишутся на Markdown (технических знаний не нужно), тёмная тема прямо из коробки, интеграция с Mailchimp для подписчиков, Sendgrid для отправки писем. И ещё подключён TinaCMS — это такая система где открываешь /admin в браузере и редактируешь содержимое сайта как в обычном редакторе, без каких либо файлов. Для вайб-кодера это наверное самая ценная часть всего шаблона.

1Как настроить с агентом

Дайте агенту ссылку и опишите свой продукт. Например: «Возьми шаблон Blazity Next.js SaaS Starter и настрой его для моего проекта [название] — замени все плейсхолдеры описанием моего продукта». Дальше агент разбирается сам. Вот что он запустит:

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

После запуска открываете localhost:3000 и видите будущий сайт. Хотите написать пост в блог или поменять заголовок — заходите на localhost:3000/admin, открывается TinaCMS и редактируете прямо там. Агент для этого уже не нужен, всё делается мышкой.

2Опубликовать в интернет

В README есть кнопки деплоя в один клик для Vercel и Netlify. Vercel удобнее — это та же компания что делает Next.js, работают вместе без сюрпризов. Нажимаете кнопку, подключаете GitHub-аккаунт — сайт опубликован. Ключи от Mailchimp и Sendgrid потом добавляете в настройках Vercel, агент объяснит каждый шаг.