Lazy Craft CMS 4 Boilerplate

Simple lazy responsive starter kit for CraftCMS 4 Projects.

Requirements

RTFM Craft CMS 4 Requirements

Configs

Duplicate the .env.example file as .env and do your settings! Be sure that your SITE_URL points to the /web directory.

DB

Use the boilerplate.sql as starting point. Create a new database with the settings from your .env file and import the boilerplate.sql into it. The login credentials are: admin:superuser

Development

• npm run dev start local dev server
• npm run build build

Check Vite.js and vitejs Documentation for more Informations!

Whats inside?

Stack

• Craft CMS
• Vite.js
• TailwindCSS
• Alpine.js
• Sprig/htmx
• GraphQL

Plugins (free)

• Elements Panel
• Vite
• Redactor
• CKEditor
• Seomate
• Sprig
• Super Table
• Typed link field

Sections

• Single - Home
• Structure - Pages (Page Default, Page News Index)
• Structure - Navigation
• Channel - News
• Channel - Categories

Categories

• News Categories

Highlights

• ContentBuilder (Text, Images, Cards, Teaser, Accordion)
• Native Image Transform Twig Component with webp, lazyloading and srcset support
• Sprig/htmx news pagination (pages or loadmore button)
• Simple Alpinejs/GraphQL News Counter
• Darkmode
• EagerLoading
• Tailwind Form Style Testpage
• Seo Fields

Do you need more than a lazy boilerplate?

Check out CraftCMS Baukasten from David Hellmann