Zuplo

API Key Authentication

Secure Your Nitro API with API Keys

The Zuplo API Gateway protects your backend API from unauthorized access, abuse, and overload. Add API key authentication to your Nitro API in minutes.

Secure Access

Authenticate every request before it reaches your backend.

Control Costs

Set rate limits and quotas to prevent runaway usage.

Ensure Reliability

Shield your backend from overload with traffic management.

How it works

The Zuplo API Gateway sits between your clients and your Nitro backend, providing a secure layer of protection and control.

Client
Zuplo API Gateway

Customer VPC

Backend

Step-by-step tutorial

It takes only a few minutes to put Zuplo in front of your Nitro backend, adding API key authentication, and configuring your origin to trust requests from Zuplo using JWT verification.

1

Create a Route in Zuplo

First, create a new route in your Zuplo project that will proxy requests to your Nitro backend. This route will be the entry point for your API consumers.

Creating a route in Zuplo
Learn how to create routes

📄 OpenAPI native. Import your existing OpenAPI spec to instantly create routes and power your API documentation .

2

Add API Key Authentication Policy

Add the API Key Authentication policy to your route. This policy validates incoming API keys and ensures only authorized consumers can access your API.

Adding API Key Authentication policy in Zuplo
API Key Authentication docs

🔐 Leaked key? No problem. As a GitHub Secret Scanning partner, Zuplo can automatically revoke exposed keys before they can be exploited.

3

Enable the JWT Service Plugin

Enable the JWT Service Plugin in your Zuplo project. This plugin generates JWTs that your origin API can validate, creating a secure trust relationship between Zuplo and your backend.

TypeScriptmodules/zuplo.runtime.ts
export function runtimeInit(runtime: RuntimeExtensions) {
  // Register the JWT Service Plugin
  runtime.addPlugin(new JwtServicePlugin());
}
JWT Service Plugin docs
4

Secure Your Nitro API with JWT Authentication

Configure your Nitro backend to validate the JWTs issued by Zuplo. This ensures that only requests coming through your Zuplo gateway are accepted.

TypeScriptTypeScript
import { H3Event } from "h3";
import { createJwtVerifier } from "@auth0/nextjs-auth0";
import fetch from "node-fetch"; // or any preferred HTTP library

const ISSUER = "https://my-api-a32f34.zuplo.api/__zuplo/issuer";

// JWKS Client setup
const client = createJwtVerifier({
  jwksUri: `${ISSUER}/.well-known/jwks.json`,
  fetchJwks: async (uri: string) => {
    const response = await fetch(uri);
    return response.json();
  },
  cache: true,
  cacheMaxAge: 600000, // 10 minutes
});

// JWT validation middleware
export default defineEventHandler(async (event: H3Event) => {
  const authHeader = event.node.req.headers["authorization"];
  if (!authHeader) {
    throw createError({ statusCode: 401, message: "No token provided" });
  }

  const token = authHeader.replace("Bearer ", "");

  try {
    const decodedToken = await client.verify(token, {
      issuer: ISSUER,
      algorithms: ["RS256"],
    });
    event.context.user = decodedToken;
  } catch (err) {
    throw createError({
      statusCode: 401,
      message: "Invalid token",
      details: err.message,
    });
  }
});

// Example protected route
export default defineEventHandler(async (event: H3Event) => {
  if (!event.context.user) {
    throw createError({ statusCode: 401, message: "Unauthorized" });
  }

  // Logic for authenticated users
  return { message: "Access granted", user: event.context.user };
});
5

Call Your API Through Zuplo

Now you can call your API through Zuplo using an API key. The request will be authenticated at the gateway, and a JWT will be forwarded to your Nitro backend.

Terminalbash
curl -X GET \
  'https://your-api.zuplo.dev/your-route' \
  -H 'Authorization: Bearer YOUR_API_KEY'

Ready to secure your API?

Get started with Zuplo for free and add API key authentication to your Nitro API in minutes.