DDEV, Craft, Vite, Tailwind Boilerplate from Scratch

Connecting Craft CMS and Vite

We install the Craft Vite plugin and configure it to work with our project's Vite setup.

Vite was built for JavaScript appli­ca­tions, not a PHP appli­ca­tion like Craft CMS. Because of that, we have to con­nect Vite and Craft CMS using the Craft Vite plu­g­in by NyStudio107 (who is also the co-instruc­tor of this course!).

With­out the Craft Vite plu­g­in, we would need to man­u­al­ly man­age Vite’s asset URLs, con­di­tion­al­ly load the dev serv­er, and ensure prop­er cache bust­ing for pro­duc­tion builds. The plu­g­in sim­pli­fies this process, mak­ing it eas­i­er to work with mod­ern front-end tools in a Craft CMS environment.

DDEV, Craft, Vite, Tailwind Boilerplate from Scratch is made up of the following videos: