README

What if tooling was done with 1 command?

Craft CMS 4 infused with Vite, TypeScript and WindiCSS. Lightning fast development, HMR and a production ready build process.
_{Made possible by}

_{The team behind the magic}
_{Simon Wesp} _{Thomas Bendl}

Turbostart 🚀

bash <(curl -s https://raw.githubusercontent.com/szenario-fordesigners/craft-vite-starter/main/init.sh)

Quickstart

mkdir my-project && cd my-project
ddev config --project-type=craftcms --docroot=web --create-docroot
ddev composer create -y szenario-fordesigners/craft-vite-starter
make install
make dev

Tech Stack

Requirements

DDEV
Unix-based OS (MacOS, Linux)

If you are on Windows

Use WSL2 and follow the instructions for Unix-based OS. DDEV Documentation is a great starting point.

Commands

make install - patches the DDEV craft config and installs Craft CMS. Should only be used as a first time setup.
make dev - starts the development server
make build - bundles the assets for production

Subsequent Use

ddev yarn - for managing frontend packages
ddev composer - for managing backend packages
ddev craft - exposes the Craft CLI

Critical CSS

To use Critical CSS, you need to manually add the pages that should be pre-rendered to the criticalPages array in vite.config.ts. The pages will be pre-rendered when building and the generated CSS will be inlined in the HTML.