building-blog

Topics in the source

• Building a Blog (Next.js + Sanity)
• Overview
• Files
• Workflow
• Step 1 — Scan the host project (before asking anything)
• Step 2 — Run the intake questionnaire
• Step 3 — Produce the high-level plan
• Step 4 — Implement against the spec

Universal workflow for adding a blog to a Next.js site backed by Sanity CMS. Targets a corporate blog: SEO-first, i18n-ready, performance-budgeted, accessibility-compliant. SKILL.md is the orchestrator. The spec lives in the two reference files. blog-technical-requirements.md — §0 intake questionnaire (30+ questions) → §1 Project Profile → §2–§20 universal spec → checklist. Edit only §0 answers and §1 per project. blog-image-style-guide.md — universal template for AI-generated hero imagery via Gemini 3 Pro Image (Nano Banana Pro). Intake questions on top, aesthetic skeleton in the middle, three example slots at the bottom. Read what's already there. Pre-filling answers from detected values is much better than asking the user. Look for: package.json — Next.js version, next-intl, Sanity packages, Tailwind, framer-motion next.config.{ts,js,mjs} — existing images.formats, i18n config src/messages/, src/i18n/, messages/ — current locale set src/app/[locale]/ or app/[locale]/ — routing pattern tailwind.config., globals.css, design-system files — tokens, fonts CLAUDE.md, AGENTS.md, GEMINI.md — project conventions and approved overrides Existing sanity-studio/ or studio/ folder app/layout.

This is an excerpt. Refer to the complete source and its current requirements.