Netlify

Netlify fournit l'hébergement de sites statiques et des services backend serverless. Les Edge Functions permettent de rendre les pages web dynamiques.

Les Edge Functions prennent en charge Deno et TypeScript, et la CLI Netlify facilite le déploiement. Avec Hono, vous pouvez créer une application pour Netlify Edge Functions.

1. Configuration

Un modèle de démarrage est disponible pour Netlify. Créez votre projet avec la commande « create-hono ». Sélectionnez le modèle netlify pour cet exemple.

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

Ouvrez my-app.

2. Bonjour le monde

Modifiez netlify/edge-functions/index.ts :

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

const app = new Hono()

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

export default handle(app)

3. Exécution

Démarrez le serveur de développement avec la CLI Netlify. Ensuite, ouvrez http://localhost:8888 dans votre navigateur web.

netlify dev

4. Déploiement

Vous pouvez déployer avec la commande netlify deploy.

netlify deploy --prod

Context

Vous pouvez accéder au Context de Netlify via c.env :

import { Hono } from 'jsr:@hono/hono'
import { handle } from 'jsr:@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)