hono-middleware

name	hono-middleware
description	Hono middleware patterns - creation, composition, built-in middleware, and execution order for web applications
user-invocable	false
disable-model-invocation	true
skill_version	1.0.0
updated_at	"2025-01-03T00:00:00.000Z"
tags	["hono","middleware","cors","authentication","logging","compression","security"]
progressive_disclosure	{"entry_point":{"summary":"Middleware creation, composition, and 25+ built-in middleware for Hono applications","when_to_use":"Adding authentication, CORS, logging, compression, rate limiting, or custom request processing","quick_start":"1. Import middleware from hono/middleware 2. Apply with app.use() 3. Chain multiple middleware"},"references":[]}
context_limit	800

Hono Middleware Patterns

Overview

Hono provides a powerful middleware system with an "onion" execution model. Middleware processes requests before handlers and responses after handlers, enabling cross-cutting concerns like authentication, logging, and CORS.

Key Features:

• Onion-style execution order
• Type-safe middleware creation with createMiddleware
• 25+ built-in middleware
• Context variable passing between middleware
• Async/await support throughout

When to Use This Skill

Use Hono middleware when:

• Adding authentication/authorization
• Implementing CORS for cross-origin requests
• Adding request logging or timing
• Compressing responses
• Rate limiting API endpoints
• Validating requests before handlers

Middleware Basics

Inline Middleware

import { Hono } from 'hono'

const app = new Hono()

// Simple logging middleware
app.use('*', async (c, next) => {
  console.log(`[${c.req.method}] ${c.req.url}`)
  await next()
})

// Path-specific middleware
app.use('/api/*', async (c, next) => {
  const start = Date.now()
  await next()
  const ms = Date.now() - start
  c.header(, )
})