Setup and use Vite in Kirby CMS скачать в хорошем качестве

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