Vercel

Vercel is the AI cloud, providing the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web.

Hono can be deployed to Vercel with zero-configuration.

1. Setup

A starter for Vercel is available. Start your project with "create-hono" command. Select vercel template for this example.

npm create hono@latest my-app

yarn create hono my-app

pnpm create hono my-app

bun create hono@latest my-app

deno init --npm hono my-app

Move into my-app and install the dependencies.

cd my-app
npm i

cd my-app
yarn

cd my-app
pnpm i

cd my-app
bun i

We will use Vercel CLI to work on the app locally in the next step. If you haven't already, install it globally following the Vercel CLI documentation.

2. Hello World

In the index.ts or src/index.ts of your project, export the Hono application as a default export.

import { Hono } from 'hono'

const app = new Hono()

const welcomeStrings = [
  'Hello Hono!',
  'To learn more about Hono on Vercel, visit https://vercel.com/docs/frameworks/backend/hono',
]

app.get('/', (c) => {
  return c.text(welcomeStrings.join('\n\n'))
})

export default app

If you started with the vercel template, this is already set up for you.

3. Run

To run the development server locally:

vercel dev

Visiting localhost:3000 will respond with a text response.

4. Deploy

Deploy to Vercel using vc deploy.

vercel deploy

Further reading

Learn more about Hono in the Vercel documentation.