Next.js Showcase
Route handlers and server actions patterns for App Router projects.
Route Handler Proxy
ts
1import { NextResponse } from "next/server";2import { createCrossConnection } from "cross-connection";34const upstream = createCrossConnection({5 baseURL: process.env.API_BASE_URL,6 retry: { retries: 3, baseDelayMs: 100, maxDelayMs: 1200 },7 security: {8 allowHosts: ["api.example.com"],9 blockPrivateIPs: true,10 },11});1213export async function GET() {14 const response = await upstream.get("/health");15 return NextResponse.json(response.data, { status: response.status });16}
Server Action
ts
1"use server";23import { createCrossConnection } from "cross-connection";45const client = createCrossConnection({6 baseURL: process.env.API_BASE_URL,7 timeout: 8000,8});910export async function inviteUser(email: string) {11 const res = await client.post("/admin/invite", { email });12 return res.data;13}
- Route handlers are ideal for upstream proxying and host boundary enforcement.
- Server actions keep secrets server-side while preserving typed request handling.
- Share one configured client across routes for consistency.