Vercel Deployment

Deploy your React Just app on Vercel.

Installation

Install the Vercel adapter package in your project:

npm

$ npm install @react-just/vercel

pnpm

$ pnpm add @react-just/vercel

bun

$ bun add @react-just/vercel

Add the plugin in the Vite config file:

vite.config.ts

import vercel from "@react-just/vercel";
import react from "react-just/vite";
import { defineConfig } from "vite";

export default defineConfig({
  plugins: [react(), vercel()],
});

Building the App

Build the app with the vite build command. For convenience, add the following script to your package.json:

package.json

{
  "scripts": {
    "build": "vite build"
  }
}

Then build the app with:

npm

$ npm run build

pnpm

$ pnpm build

bun

$ bun run build

The build process generates a .vercel/output directory following Vercel's Build Output API specification.

For details about the adapter and its output format, see the Vercel adapter reference.