Skip to content

🐱 KHAT Stack | Kirby CMS + Vite Kit using Htmx, AlpineJs and TailwindCSS and set up for continous deployment on dokku/heroku PaaS.

License

Notifications You must be signed in to change notification settings

34N0/kirby-htmx-alpine-tailwind

 
 

Repository files navigation

🐱 KHAT Stack

Features

  • ⚡️ Uses Vite tooling with kirby-vite plugin.
  • 🔄 Live Reloading for Kirby templates, snippets, content, ... changes.
  • 📂 Kirby Cms Public folder structure
  • 🥰 Htmx, AlpineJs & TailwindCSS for Html driven development.
  • 🌎 Fully managed site template including kirby flat file db engine.
  • 🍀 Git Based CI including git based production backups.
  • 🐋 easy & instant Git based deployment on a dokku PaaS.

Getting Started

Prerequisites

Before you begin, ensure you have the following prerequisites:

Installation

  1. Clone this repository:
git clone https://github.com/your-username/your-repo.git
cd your-repo
npm install
cp .env.example .env

Development

To start a local development server:

npm run dev

This command will start both the PHP server for Kirby CMS and the Vite development server.

Access the Kirby CMS admin panel at /panel and the development site at http://localhost:8888.

Deployment

To deploy your application using Dokku, follow these general steps:

  1. Set up a Dokku instance and configure it.
  2. Add your Dokku server as a remote:
git remote add <remote-app-prod> dokku@your-server:<remote-app>

Deploy your application:

git push <remote-app-prod> prod

For more details on deploying with Dokku, refer to the Dokku documentation.

Contributing

Feel free to open issues or pull requests for improvements, bug fixes, or new features. We welcome your contributions!

About

🐱 KHAT Stack | Kirby CMS + Vite Kit using Htmx, AlpineJs and TailwindCSS and set up for continous deployment on dokku/heroku PaaS.

Topics

Resources

License

Stars

Watchers

Forks

Languages

  • PHP 66.1%
  • JavaScript 22.3%
  • CSS 10.9%
  • Procfile 0.7%