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.