/kirby-kit

Primary LanguageCSS

Kirby Kit

My personal Kirby starter kit

Features

  • ⚡️ Vite
  • 🐳 DDEV
  • ♻️ Very Simple Components
  • 🚀 Very Simple Deploy
  • 🍬 Kirby Template Sugar
  • 📂 Public folder structure
  • 📚 Code co-location with file nesting
  • 🔄 Live Reload on templates/snippets/layout changes
  • 🦾 Typescript
  • 🎨 Modern CSS w/ nesting, layers, custom media queries
  • 🐛 Debugging
  • 📬 Local email testing
  • 🗄️ Backups
  • 🔑 dotenv

Development

Start DDEV and vite:

npm run start

If DDEV is already running:

npm run dev

Production

🔒 deploy is only allowed on the main branch!

Preview the build locally:

npm run build

Build and upload the website to your production webspace:

npm run deploy

If you don't want to build before deploy (in case no ts/css/kirby files changed):

npm run deploy-no-build

Staging

Build and upload the website to your staging webspace:

npm run stage

If you don't want to build before staging (in case no ts/css/kirby files changed):

npm run stage-no-build