B
  • Templates
  • FAQ
  • Contact
  • Blog
B

High-performance Next.js starters for developers who don't compromise on quality.

Leave a reviewon Trustpilot

Templates

  • All
  • PRISM
  • Evines
  • BlogStarter

Resources

  • FAQ
  • Contact
  • Blog

Connect

© 2026 BloomTPL

Privacy PolicyTerms of UseLegal Notice
Next.js 16React 19Tailwind 4TypeScriptSanity.io

BlogStarter
Documentation

Modern, production-ready blog template with Sanity.io CMS. Easily customizable, fast, and SEO-friendly for content creators.

Next.js 16

Latest framework with App Router, fast routing, image optimization.

Sanity.io CMS

Headless content management with real-time editing capabilities.

Modern Design

Minimal UI with dark/light mode and responsive layouts.

01

Initial Setup

Extract the template ZIP and install all required dependencies.

install
npm install
02

Sanity Project Creation

Create a new Sanity project and note your Project ID.

Navigate to sanity.io/manage, create a new project, and copy your Project ID.
03

Environment Variables

Rename .env.example to .env.local and configure your credentials.

env
NEXT_PUBLIC_SANITY_PROJECT_ID="your_project_id"
NEXT_PUBLIC_SANITY_DATASET="production"
NEXT_PUBLIC_SANITY_API_VERSION="2024-01-01"
04

Allow Localhost CORS

Configure CORS settings in your Sanity Dashboard for local development.

  • Navigate to API Settings > CORS Origins
  • Click Add CORS origin
  • Enter http://localhost:3000 and enable "Allow credentials"
05

Integrated Studio

Access your built-in admin panel. No separate deployment required.

Studio Access Point

http://localhost:3000/studio

Define your schemas (Author, Category, Post) in the /schemaTypes folder to populate Studio fields.

06

Local Development

Start the development server and begin creating content.

dev
npm run dev
http://localhost:3000

System Ready

Changes made in Studio will reflect immediately on your local site.

Need help?

Support is available for any questions or customization needs across all templates.

Contact Support