Netlify

Netlify は静的サイトホスティングとサーバーレスバックエンドサービスを提供します。 Edge Functions を使用すると Web ページを動的にすることが出来ます。

Edge Functions は Deno と TypeScript をサポートしており、 Netlify CLI を使用することで簡単にデプロイ出来ます。 Hono を使用して Netlify Edge Functions 向けのアプリケーションを作成できます。

1. セットアップ

Netlify 向けのスターターももちろん用意されています。 "create-hono" コマンドでプロジェクトを始めましょう。 Select netlify 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

my-app に移動します。

2. Hello World

netlify/edge-functions/index.ts を変更します:

import { Hono } from 'jsr:@hono/hono'
import { handle } from 'jsr:@hono/hono/netlify'

const app = new Hono()

app.get('/', (c) => {
  return c.text('Hello Hono!')
})

export default handle(app)

3. Run

Netlify CLI で開発サーバーを起動し、 Web ブラウザで http://localhost:8888 にアクセスします。

netlify dev

4. デプロイ

netlify deploy コマンドでデプロイ出来ます。

netlify deploy --prod

`Context`

Netlify 向けの Context は c.env を使用できます:

import { Hono } from 'jsr:@hono/hono'
import { handle } from 'jsr:@hono/hono/netlify'

// Import the type definition
import type { Context } from 'https://edge.netlify.com/'

export type Env = {
  Bindings: {
    context: Context
  }
}

const app = new Hono<Env>()

app.get('/country', (c) =>
  c.json({
    'You are in': c.env.context.geo.country?.name,
  })
)

export default handle(app)

Netlify ​

1. セットアップ ​

2. Hello World ​

3. Run ​

4. デプロイ ​

Context ​