Kirby CMS, Alpine.js and Tailwind CSS starter kit for your next project.
Works with the built-in PHP server. No need to install Valet/Vagrant/MAMP or other tools that complicate the development workflow.
Vite — for blazing fast frontend development (with live reloading)
Kirby CMS — simple but powerful flat-file CMS
Alpine.js — lightweight JavaScript framework for extending markup behaviour
Tailwind CSS — the most popular utility-first CSS framework
Features public folder structure and media
folder aliasing, extra "SEO" and "Code injection" tabs. Includes a fully configured HTML <head>
.
ℹ︎ For the kit to work correctly, install and configure Composer (PHP package manager), Node.js (>= 12.0.0), and meet Kirby CMS requirements.
Install JavaScript dependencies and Kirby CMS:
npm install
npm run setup
Start both built-in and Vite dev servers:
npm run dev
and open localhost:8080
in the browser.
To build the project run:
npm run build
To preview the built project run:
npm run build
npm run kirby
The preview will be available at localhost:8080
.
After completing the build step, copy content from the www
folder to a web server and set public
as the root directory.
White Russian Studio, 2021