CraftCMS Lazy —
A simple Craft CMS Starter Kit

Block Text

A modern, production-ready Craft CMS Starter Kit with Vite, Tailwind, Vue Web Components, Datastar, GraphQL and DDEV — perfect for agencies and freelancers who want to build clean and fast Craft sites..

This starter kit helps developers quickly spin up clean and maintainable Craft CMS projects. It includes ready-made examples for Matrix Blocks, CKEditor integration, a Datastar-powered Search page, and both Datastar- and Vue-based blog listings.

🧠 Built with modern tools and clean architecture

  • ⚙️ Craft CMS 5 – latest version with flexible content modeling
  • Vite – fast bundling and instant reloads
  • 🧩 DDEV – reproducible local development environment
  • 🚀 Datastar – lightweight, reactive frontend for dynamic UIs
  • 🧱 Vue 3 (Web Components) – progressive enhancement with custom elements
  • 🔗 GraphQL – structured data fetching directly from Craft
  • 🎨 Tailwind CSS v4 – utility-first styling with CSS variables
  • 🎞️ Anime.js – smooth element animations and scroll-based transitions
  • 🗃️ Craft eagerly() + render() – optimized queries, automatic block templates, and smart caching
  • 🔌 Plugins: CKEditor, Datastar, Image Resizer, SEOMate, Vite

💻 Feel free to explore, fork, or contribute — this starter kit is open source and available on GitHub.

Block Cards

🧱 Matrix Builder

Build flexible page layouts using Craft’s Matrix field. Each component can be placed freely within the custom Grid Layout system.

Read more

✍️ CKEditor Builder

Insert predefined components directly into CKEditor. A simple example of combining structured elements and rich text content.

Read more

⚡ Datastar Search

Fast and lightweight search using Craft Datastar. Instant results, live updates, and minimal JavaScript.

Read more

🚀 Blog (Datastar)

A dynamic blog built with Craft DataStar. Features live filtering, pagination, and instant content updates without page reloads.

Read more

🧩 Blog (Vue)

A Vue-based blog using GraphQL. Demonstrates reactive filtering, “load more” functionality, and category management via API.

Read more

🧭 Grid Layout

Shows the responsive Grid Layout system used across all pages. Easily define full, content, feature, or popout columns.

Layout
Block Text

About this project

I’m Andi Grether, a freelance full-stack developer specialized in Craft CMS. This starter kit reflects how I build modern Craft projects — clean, modular, and ready for real-world use. I work with creative agencies and design teams who need a reliable technical partner to bring their ideas to life. If you like this setup and want to collaborate, feel free to get in touch. Visit webworker.me