X Framework
Adapters

Hono Adapter

Use Hono with X Framework for building fast, lightweight web applications

Hono Adapter

Hono is a small, simple, and ultrafast web framework for the Edge. The X Framework Hono adapter allows you to seamlessly integrate Hono into your application.

Installation

npm install @xframework/hono hono
# or
pnpm add @xframework/hono hono
# or
yarn add @xframework/hono hono

Usage

First, create your Hono instance:

import { Hono } from "hono";
 
const app = new Hono();
 
app.get("/", (c) => c.text("Hello X Framework!"));
app.get("/users", (c) => c.json([{ id: 1, name: "John" }]));

Then integrate it with X Framework:

import { createX } from "@xframework/x";
import { HonoAdapter } from "@xframework/hono";
 
const x = createX()
  .syncAdapter("hono", () => new HonoAdapter({ hono: app }))
  .build();
 
// Access your Hono instance
const hono = x.hono;

Type Safety

The adapter preserves Hono's type information:

import { Hono } from "hono";
 
type Bindings = {
  DATABASE_URL: string;
};
 
const app = new Hono<{ Bindings: Bindings }>();
 
const x = createX()
  .syncAdapter("hono", () => new HonoAdapter({ hono: app }))
  .build();
 
// x.hono is fully typed with your bindings
const db = x.hono.env.DATABASE_URL;

Using with Other Adapters

Hono works great with other X Framework adapters:

const x = createX()
  .syncAdapter("hono", () => new HonoAdapter({ hono: app }))
  .syncAdapter("auth", () => new BetterAuthAdapter(auth))
  .syncAdapter("logger", () => new LogTapeAdapter(logger))
  .build();
 
// Use auth middleware
x.hono.use("*", async (c, next) => {
  const user = await x.auth.validateRequest(c.req.raw);
  if (!user) return c.text("Unauthorized", 401);
  await next();
});
 
// Log requests
x.hono.use("*", async (c, next) => {
  x.logger.info("Incoming request", { path: c.req.path });
  await next();
});

Previous

Dependency Injection

Next

Better Auth Adapter

On this page