Скачать или смотреть Setup and use Vite in Kirby CMS

In this video, we explore how to set up a modern frontend development workflow with Kirby CMS using Vite.js and LightningCSS. Starting with the Kirby Starterkit, I'll walk you through installing the kirby-laravel-vite package and configuring it to work with our php backend. We also have a brief look at how to use LightningCSS to improve our CSS by using cutting edge features and transforming them to browser save code.

💬 What does your frontend workflow look like? Share it in the comments!

🔗 Resources:
kirby-laravel-vite: https://github.com/lukaskleinschmidt/...
Vite.js: https://vitejs.dev
LightningCSS: https://lightningcss.dev
Kirby CLI: https://github.com/getkirby/cli

#KirbyCMS #vitejs #CSS #FrontendDevelopment #WebDevelopment #php

Timestamps:
00:00 Intro
01:38 Use the Kirby CLI to install the Starterkit
03:22 How vite works
06:02 Configure the laravel-vite-plugin
09:40: Use vite assets in Kirby
14:03 CSS Custom media queries
16:24 Install & use LightningCSS
20:36 Outtro

Learn more about Kirby CMS:
Official Youtube Channel: ‪@KirbyCasts‬
Official website: https://getkirby.com