The Fiberplane API Playground:
From Development to Delivery

• 🧙

  For the API builder who appreciates designing a high quality API with quick debugging and automated features, making it easy for users to onboard and experiment.

• 🙋

  For the API user who are ready to prototype quickly with interactive documentation and endpoint testing, in a streamlined experience for development.

1. Create a Hono API 🔥

   npm

   npm create hono@latest -- my-app

   pnpm

   pnpm create hono@latest my-app

   yarn

   yarn create hono@latest my-app

2. Mount middleware & create an OpenAPI spec

   npm

   npm i @fiberplane/hono

   pnpm

   pnpm add @fiberplane/hono

   yarn

   yarn add @fiberplane/hono

   This step involves importing the createOpenAPISpec function from Fiberplane and creating an endpoint at /openapi.json to generate and return an OpenAPI spec.

   src/index.ts

   import { Hono } from "hono";
   import { createOpenAPISpec, createFiberplane } from "@fiberplane/hono";
   
   const app = new Hono();
   
   app.get("/openapi.json", (c) => {
      const spec = createOpenAPISpec(app, {
         info: { title: "My API", version: "1.0.0" },
      });
      return c.json(spec);
   });
   
   app.use("/fp/*", createFiberplane({
      openapi: {
         url: "/openapi.json",
      }
   }));
   
   export default app;

OpenTelemetry Worker

Use our open source OTEL collector or bring your own.

🔭

Intelligent Error Resolution

Identify root causes with tracing built on OpenTelemetry, dramatically reducing debugging time.

OpenAPI Integration

Leverage existing specs or instantly generate OpenAPI specs from your Hono routes with a single import.

{...}

Workflow Automation

Create custom endpoints to orchestrate complex request sequences, enabling comprehensive API scenarios and use cases.