{
  "slug": "templates",
  "title": "Templates & Boilerplates",
  "description": "Three ready-to-use boilerplates and eight example sites to jump-start your project.",
  "category": "getting-started",
  "order": 2,
  "locale": "en",
  "translationGroup": "6344f539-e7b6-43b8-81ff-0ec77b980f01",
  "helpCardId": null,
  "content": "## Quick Start\n\nThe fastest way to create a new @webhouse/cms project:\n\n```bash\n# Default (minimal project)\nnpm create @webhouse/cms my-site\n\n# With a template\nnpm create @webhouse/cms my-site -- --template nextjs\n\n# npx shorthand\nnpx create-@webhouse/cms my-site --template nextjs\n```\n\n## Boilerplates\n\nThree production-ready starting points with a working site, example content, and configured `cms.config.ts`.\n\n### Next.js Boilerplate — the recommended starting point\n\n![Next.js Boilerplate](/screenshots/boilerplate-nextjs-dark.png)\n\n[Live demo →](https://nextjs-boilerplate-1x3txthik-webhhouse.vercel.app/)\n\nFull-stack React with App Router, Tailwind CSS v4, dark mode, `react-markdown`, SEO metadata, blog and block-based pages.\n\n```bash\nnpm create @webhouse/cms my-site -- --template nextjs\n```\n\n### Static Boilerplate — zero framework\n\nPure HTML output. Custom `build.ts` with Marked. No React, no bundler, no runtime JS.\n\n```bash\nnpm create @webhouse/cms my-site -- --template static\n```\n\n### Next.js GitHub Boilerplate — live updates\n\nEverything from the Next.js boilerplate + GitHub storage adapter, LiveRefresh SSE webhooks, HMAC-signed revalidation.\n\n```bash\nnpm create @webhouse/cms my-site -- --template nextjs-github\n```\n\n---\n\n## Example Sites\n\nProduction-quality sites built with @webhouse/cms. Use as templates or inspiration.\n\n### Thinking in Pixels — Blog\n\n![Thinking in Pixels](/screenshots/example-blog.png)\n\n[Live demo →](https://thinking-in-pixels.fly.dev/)\n\nClean blog with posts, tags, cover images, and about page. Built with CMS CLI.\n\n```bash\nnpm create @webhouse/cms my-site -- --template blog\n```\n\n### Sarah Mitchell — Freelancer\n\n![Freelancer](/screenshots/example-freelancer-ghpages.png)\n\n[Live demo →](https://cbroberg.github.io/freelancer-site/)\n\nFreelancer portfolio with services, pricing packages, testimonials, blog, and contact section.\n\n```bash\nnpm create @webhouse/cms my-site -- --template freelancer\n```\n\n### Meridian Studio\n\n![Studio](/screenshots/example-studio.png)\n\n[Live demo →](https://cbroberg.github.io/meridian-studio-site/)\n\nCreative studio with services, featured work, team, and CTA section.\n\n```bash\nnpm create @webhouse/cms my-site -- --template studio\n```\n\n### AURA — Boutique\n\n![Boutique](/screenshots/example-boutique.png)\n\n[Live demo →](https://boutique.webhouse.app/)\n\nProduct/shop showcase with collections, editorial content, and newsletter.\n\n```bash\nnpm create @webhouse/cms my-site -- --template boutique\n```\n\n### Elena Vasquez — Portfolio\n\n![Portfolio](/screenshots/example-portfolio.png)\n\nVisual portfolio with fullscreen image grid, about, and contact.\n\n```bash\nnpm create @webhouse/cms my-site -- --template portfolio\n```\n\n### Elina Voss — Portfolio Squared\n\n![Portfolio Squared](/screenshots/example-freelancer.png)\n\nAlternative portfolio layout with 2x2 image grid.\n\n---\n\n## Choosing a Template\n\n| Need | Command |\n|------|---------|\n| Simplest setup | `npm create @webhouse/cms my-site` |\n| React / Next.js | `-- --template nextjs` |\n| GitHub collaboration | `-- --template nextjs-github` |\n| Pure HTML | `-- --template static` |\n| Blog | `-- --template blog` |\n| Freelancer | `-- --template freelancer` |\n| Studio / agency | `-- --template studio` |\n| Shop / boutique | `-- --template boutique` |\n| Portfolio | `-- --template portfolio` |",
  "excerpt": "Quick Start\n\nThe fastest way to create a new @webhouse/cms project:\n\nbash\n Default (minimal project)\nnpm create @webhouse/cms my-site\n\n With a template\nnpm create @webhouse/cms my-site -- --template nextjs\n\n npx shorthand\nnpx create-@webhouse/cms my-site --template nextjs\n\n\n Boilerplates\n\nThree prod",
  "seo": {
    "metaTitle": "Templates & Boilerplates — webhouse.app Docs",
    "metaDescription": "Three ready-to-use boilerplates and eight example sites to jump-start your project."
  },
  "createdAt": "2026-03-30T11:04:41.758Z",
  "updatedAt": "2026-03-30T12:01:00.047Z"
}