- Node.js
- NPM
- Composer
- Vite
- Craft CMS v5 - Craft is a flexible, user-friendly CMS for creating custom digital experiences on the web and beyond. Documentation
- Vite - Documentation
- Alpine.js v3 - Documentation
- Tailwind CSS v3 - Documentation
- Vanilla Lazyload - Documentation
- GSAP - Documentation
- fitvids - Documentation
Make sure .env variables are updated with the appropriate values. They are used for all frontend build commands. Below are the values used by the frontend build commands.
Is used to set whether development or production version of files are generated. Expected values are development
, dev
, staging
, or production
.
Because this site uses the vite plugin, if your site is behind HTTP authentication - you will have to update the
HTTP_AUTHENTICATION_USER
andHTTP_AUTHENTICATION_PASSWORD
in the .env file to make sure pulling in vite build files is working properly.
Must be set for Vite plugin and Craft to work properly.
WARNING: Whatever is inside the folder ./web/dist
will be deleted whenever you run npm run build
. This is to prevent caching of old build files. Be careful not to put anything else inside this folder.
Make sure in your package.json
that "purgeFiles": []
contains an array to any files that contain tailwindcss classes. To learn more go to tailwindcss documentation about (optimizing for production)[https://tailwindcss.com/docs/optimizing-for-production].
Set any custom configuration (e.g. new entry points or other settings) in vite.config.js
.
Favicon generation uses Real Favicon Generator. Edit ./faviconConfig.json
to be valid Real Favicon Generator configuration.
Builds production frontend files using vite.
Builds development frontend files and watches for changes. In order for this to work properly, make sure the craft environment is set to dev
or development
.
Generates favicon information using real favicon generator.
Checks real favicon generator for any updates.