Vercel

Vercel は AI クラウドとして、より高速でパーソナライズされた Web を構築、拡張、保護するための開発ツールとクラウドインフラストラクチャを提供します。

Hono は設定不要で Vercel にデプロイできます。

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

次のステップでは、Vercel CLI でアプリをローカルで開発します。未インストールの場合は、Vercel CLI ドキュメントに従ってグローバルにインストールしてください。

2. Hello World

プロジェクトの index.ts または src/index.ts で、Hono アプリケーションをデフォルトエクスポートします。

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

vercel テンプレートで開始した場合は、すでに設定されています。

3. 実行

開発サーバーをローカルで起動するには、次を実行します。

vercel dev

localhost:3000 にアクセスすると、テキストのレスポンスが返ります。

4. デプロイ

vc deploy で Vercel にデプロイします。

vercel deploy

関連情報

Vercel ドキュメントで Hono の詳細を確認できます。