My Personal Website SoaPatrick.com created with Kirby that uses Vite with the kirby-vite plugin and TailwindCSS.
Clone this repository and run:
composer install
npm install
Start vite's dev server and a simple php dev server by running:
npm run dev
Visit localhost:8888 in the browser. Vite's dev server (localhost:3000) is only used for serving js, css and assets.
Build optimized frontend assets to public/dist:
npm run build
Deploy public and site folder to server through rsync
npm run deploy
The content folder is it's own repository (submodule). The repository for the content doesn't contain any media files. For the website to work, the latest content with all it's media files needs to be pulled through rsync from the production environment.
npm run content:pull
to recieve mails locally use Mailhog Mailhog
Install with brew
brew install mailhog
Start and stop the service locally
brew services start mailhog
brew services stop mailhog