VanJS App 🍨

• VanJS Docs
• VanJS GitHub
• Vite

Project Structure

├── favicon.ico
├── index.html
├── package.json
├── package-lock.json
├── public
│   └── vite.svg
├── README.md
├── src
│   ├── footer.ts
│   ├── head.ts
│   └── main.ts
├── styles
│   └── styles.css
└── tsconfig.json

Add Integrations and deployment

npm create vite@latest
npm install vanjs-core
npm install

Development

npm run dev

node ➜ /workspaces/my-portfolio-vanjs (main) $ npm run dev

> [email protected] dev
> vite


  VITE v4.4.9  ready in 470 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h to show help

Production

npm run build

node ➜ /workspaces/my-portfolio-vanjs (main) $ npm run build

> [email protected] build
> tsc && vite build

vite v4.4.9 building for production...
✓ 8 modules transformed.
dist/index.html                    0.97 kB │ gzip: 0.43 kB
dist/assets/favicon-91013c4a.ico  15.09 kB
dist/assets/index-41859b51.css     0.70 kB │ gzip: 0.37 kB
dist/assets/index-f222339d.js      4.63 kB │ gzip: 2.19 kB
✓ built in 290ms
node ➜ /workspaces/my-portfolio-vanjs (main) $

Deploy a VanJS site

• See Cloudflare official docs.