Welcome to the CMS Starter Templates! This collection contains front-end templates for building a full-featured CMS integrated with Directus. Each subfolder is a specific framework implementation with pages, blog posts, dynamic forms, live preview, and visual editing.
| Framework | Description | Links |
|---|---|---|
| Next.js | CMS built with Next.js App Router | → Go to Next.js Starter |
| Nuxt | CMS template using Nuxt 4 | → Go to Nuxt Starter |
| Astro | CMS optimized for performance with Astro | → Go to Astro Starter |
| SvelteKit | CMS template using SvelteKit | → Go to SvelteKit Starter |
All templates include:
- Dynamic Page Builder: CMS-driven pages assembled from reusable blocks (hero, rich text, gallery, pricing, forms, posts)
- Blog: Dynamic blog post listing and detail pages
- Dynamic Forms: Form builder with validation and Directus form submission storage
- Live Preview & Visual Editing: Real-time content preview and in-context editing via the Directus visual editor
- Draft Content Support: Preview unpublished content versions
- SEO: Per-page metadata management
- Dark Mode: Built-in theme toggling
Each subfolder contains:
- Source Code: Framework-specific implementation
- Documentation: Setup and customization instructions
Run this in your terminal:
npx directus-template-cli@latest init