CraftCMS Starter Project with vite.js and built-in tailwindcss support

1. Step: Clone the Repository

git clone [email protected]:JasonSa19/craftcms-vite-tailwind.git

2. Step: switch to cloned project and configurate DDEV

cd craftcms-vite-tailwind

3. Step: Configure DDEV and follow the steps:

ddev config

4. Step: Start DDEV environment and launch to visit the site

ddev start
ddev launch

5. Step: install node_modules and composer dependencies

ddev composer install
ddev npm install

6. Start local-staging with code-watching and hmr:

ddev npm run dev

Build the assets for a production environment:

Note: production only works after the .env variable is set from "dev" to "production"!

Change the following in the .env file:

from:

CRAFT_ENVIRONMENT=dev

to:

CRAFT_ENVIRONMENT=production

then:

ddev npm run build