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