From 8c608009569657e520ae52ea8f461781ec06d057 Mon Sep 17 00:00:00 2001 From: John Franey <1728528+johnfraney@users.noreply.github.com> Date: Wed, 21 Oct 2026 22:13:11 -0300 Subject: [PATCH] docs: add Vite+ to quickstart code group Adds Vite+ to the "Create an app" setup commands and the "Binary Invocation" section of the CLI docs. Also converts the "Run locally" code on the quickstart page to a code group to match the "Create an app" code group --- docs/guide/quickstart.md | 27 ++++++++++++++++++++++++++- docs/reference/cli.md | 2 +- 2 files changed, 27 insertions(+), 2 deletions(-) diff --git a/docs/guide/quickstart.md b/docs/guide/quickstart.md index 7240e5e50..04dd0a08b 100644 --- a/docs/guide/quickstart.md +++ b/docs/guide/quickstart.md @@ -32,6 +32,11 @@ bun add -D void bunx void init ``` +```sh [vite+] +vp add -D void +vpx void init +``` + ::: Choose your UI framework, a starter, and a deployment target. Vite+ is the default build tool. D1 is a good first database: it runs locally without a separate database server. Choose Cloudflare to deploy to your own account, or skip deployment setup for now. @@ -42,10 +47,30 @@ With pnpm, `pnpm create void my-app` also creates the project directory and conf ## Run locally -```sh +::: code-group + +```sh [npm] npm run dev ``` +```sh [pnpm] +pnpm run dev +``` + +```sh [yarn] +yarn run dev +``` + +```sh [bun] +bun run dev +``` + +```sh [vite+] +vpr dev +``` + +::: + Open `http://localhost:5173`. In a Pages starter, `pages/` contains your UI and companion `.server.ts` files contain its server loaders and actions. Loaders return data to page components as typed props. ## Call a server route diff --git a/docs/reference/cli.md b/docs/reference/cli.md index 33e73c9b0..0e874dabd 100644 --- a/docs/reference/cli.md +++ b/docs/reference/cli.md @@ -79,7 +79,7 @@ Use this page as a command reference. If you are setting up a project for the fi ## Binary Invocation {#binary-invocation} -The docs use `void` for brevity. Outside package scripts, run it with your package manager: `npx void`, `pnpm void`, `yarn void`, or `bunx void`. +The docs use `void` for brevity. Outside package scripts, run it with your package manager: `npx void`, `pnpm void`, `yarn void`, `bunx void`, or `vpx void`. Alternatively, you can add `./node_modules/.bin` to your `PATH` so that you can invoke `void` directly when you are in the root directory of your app.