Skip to content
Fiberplane icon logo & text Fiberplane icon logo & text Fiberplane
🚀 Check out our Hono-Native API Playground

Test and debug your Hono API

Fiberplane helps you build, test and debug your API with the full context of your source code and runtime behavior.

Get started
FPX Studio screenshot with auto detected routes FPX Studio screenshot with auto detected routes

Prototype faster, ship better APIs

Debug your API like it was already written to spec. With auto-generated contextual insights, you can design a high quality API and squash bugs way earlier in the development cycle. Your code reviewer will wonder what shadow team you’ve secretly hired.

  • Built for the modern stack

    Tooling for Hono Typescript data APIs built on modern web standards

  • Full context from install

    One line-install automatically detects your routes and provides an integrated scratchpad of all actions as you debug

  • Assisted log analysis

    Perform in-depth log analysis and view request times from databases and external APIs with one-click deeper looks

  • Testing and troubleshooting

    AI-generated payload suggestions and code prompts, friendly and hostile personas, and third party webhooks

  1. Create a Hono API 🔥

    Terminal window
    npm create hono@latest

  2. Install @fiberplane/hono-otel

    Terminal window
    npm i @fiberplane/hono-otel

    Add @fiberplane/hono-otel with two lines of code (only Cloudflare Workers runtime is supported at the moment)

    import { Hono } from "hono";
    

    import { instrument } from "@fiberplane/hono-otel";
    

    const app = new Hono();
    

    app.get("/", (c) => c.text("Hello, world!"));
    

    export default instrument(app);

  3. Launch FPX in your API directory

    Terminal window
    npx @fiberplane/studio