start-vercel

Adapter for Solid apps that work on Vercel.

This is very experimental; the adapter API isn't at all fleshed out, and things will definitely change.

Usage

Add the adapter in your vite.config.js file. By default this deploys to a Vercel Function.

1import solid from "solid-start/vite";
2import vercel from "solid-start-vercel";
3
4export default defineConfig({
5  plugins: [solid({ adapter: vercel() })]
6});

To deploy to the edge pass in the edge option.

1import solid from "solid-start/vite";
2import vercel from "solid-start-vercel";
3
4export default defineConfig({
5  plugins: [solid({ adapter: vercel({ edge: true }) })]
6});

To enable ISR/Prerender, pass in the prerender function.

1import { defineConfig } from "vite"
2import solid from "solid-start/vite"
3import vercel from "solid-start-vercel"
4
5export default defineConfig({
6  plugins: [
7    solid({
8      ssr: true,
9      adapter: vercel({
10        prerender: true,
11      }),
12    }),
13  ],
14})
15

You can also set the expiration time and/or the bypassToken.

1import { defineConfig } from "vite"
2import solid from "solid-start/vite"
3import vercel from "solid-start-vercel"
4
5export default defineConfig({
6  plugins: [
7    solid({
8      ssr: true,
9      adapter: vercel({
10        prerender: {
11          expiration: 60,
12          bypassToken: "87734ad8259d67c3c11747d3e4e112d0",
13        },
14      }),
15    }),
16  ],
17})

Configuration

You will need to have the vercel-cli installed globally.

1> npm i -g vercel

This adapter makes use of the Build Output API which you need to enable through the Vercel CLI

1> vercel env add ENABLE_VC_BUILD

follow the prompts to set it to 1 for all environments