Vite.js Boilerplates

Boilerplates to start simple vanilla projects using Vite.
Has Sass installed by default.

Installation

1. Open your downloaded boilerplate in VSCode or other.
2. npm i
3. npm run dev

Build

Before you build

• Make sure to have your images, fonts, videos, ... in the public folder!
• Make sure to specify all the .html in vite.config.js

1. npm run build
2. npm run preview

If you want to host your website, use services like Vercel or Github Pages (+ build action)

Downloads

• /vanilla-https-multipage: Vanilla example with multiple pages.
• /p5-global: Use global mode p5.js.
• /webcam: Use webcam in a vanilla canvas. Has https.
• /async-textinput: TextInput class example.
• /fetch: Fetch a local json file.