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. セットアップ

Vercel 向けのスターターもあります。 "create-hono" コマンドで始めましょう。 vercel テンプレートを選択します。

npm

npm create hono@latest my-app

yarn

yarn create hono my-app

pnpm

pnpm create hono my-app

bun

bun create hono@latest my-app

deno

deno init --npm hono my-app

my-app に移動し、依存関係をインストールします。

npm

cd my-app
npm i

yarn

cd my-app
yarn

pnpm

cd my-app
pnpm i

bun

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/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 to Vercel using vc deploy.

vercel deploy

Further reading

Learn more about Hono in the Vercel documentation.