description | sidebarDepth |
---|---|
Get started with Vitale in the official documentation, and learn more about all our features! |
1 |
Vitale is an edge-rendered framework built for Cloudflare Workers.
It features file-based page routing with dynamic page paths and edge-side data fetching APIs.
- Pages are generated and cached using the Cloudflare Worker Cache by default at the edge, similar to Server Side Generation.
- Pages can be revalidated after a specified time, similar to incremental Server Side Generation.
- Pages can also be revalidated on every single request, similar to Server Side Rendering.
- Pages can fetch from your component as a typical AJAX request.
- vite required toolchains
- wrangler required toolchains
- vite-plugin-voie
See playground/basic
Create a vite application and install @thibremy/vite-plugin-vitale
npm init vite-app <project-name>
cd <project-name>
npm install @thibremy/vite-plugin-vitale
Change or add vite.config.js
import vitale from '@thibremy/vite-plugin-vitale'
export default {
plugins: [vitale()],
}
Change or add wrangler.toml
name = "vitale-playground-basic"
type = "javascript"
zone_id = ""
account_id = "<project-name>"
route = ""
workers_dev = true
[site]
bucket = "./dist"
entry-point = "./dist/_assets/dist-worker"
Run regular commands from vite
or wrangler
npm i
npm run build
wrangler dev
npm i
npx lerna bootstrap
npm run build