Skip to content
All tool news

Tool desk · Updated daily

Tool news·Supabase·

Supabase Ships @Supabase/middleware for Reusable Fetch Logic.

Supabase launches @supabase/middleware for reusable, type-safe request logic across Fetch runtimes and TypeScript frameworks.

CW

Create With tool desk

3 sources checked · 2 min read · 3 sections

ShareLinkedIn
Supabase Ships @Supabase/middleware for Reusable Fetch Logic

@supabase/middleware lets TypeScript developers write per-request logic once, then reuse it across Fetch runtimes and frameworks.

Supabase shipped the free, MIT-licensed package on 2 October 2026 at Supabase Select. According to the launch post, it works anywhere that supports the Web Fetch API, including Cloudflare Workers, Deno and Bun.

The same middleware can run inside Hono, H3, Elysia, NestJS and TanStack Start. Each framework needs a short bridge file copied into the project.

How @supabase/middleware Builds a Request Pipeline

Middleware is added to an ordered pipeline in front of the Fetch handler. Each entry handles one part of the request, such as CORS, identity checks or Supabase client setup. The pipeline stops when an error occurs rather than continuing into the handler.

The package also works with @supabase/server. Supabase launched that package in May to give each handler a client scoped to the caller, an admin client, and verified identity and claims. The new middleware package puts that setup and additional request checks into the same ordered list.

Request taskMiddleware roleWhat reaches the handler
CORSApplies cross-origin request rulesA request that has passed the configured CORS checks
JWT verificationVerifies identity and required claimsVerified identity and claims
Supabase setupCreates the Supabase client contextA client scoped to the caller

Developers can also define their own middleware for request-level jobs such as checking a feature flag. Each piece can be composed with the others in the order the application needs.

Moving Logic Between Runtimes

Before this release, logic layered on top of @supabase/server stayed inside the original handler. Moving to another runtime meant rewriting it. Adopting a framework meant converting it to that framework’s middleware format. A second project often meant another copied implementation.

@supabase/middleware separates that logic from the runtime and framework. The same middleware can sit in a standard Fetch handler or connect to a supported framework through its bridge file. Its types also build the request context as the pipeline runs, so later middleware and the final handler can use the context added by earlier steps.

The package is aimed at TypeScript developers writing Fetch handlers. It is available now under the MIT licence.

Frequently asked questions

What is @supabase/middleware?

It is Supabase’s type-safe middleware library for Web Fetch handlers. It lets developers compose request logic once and run it across Fetch runtimes or inside supported TypeScript frameworks.

Is @supabase/middleware free?

Yes. The package is free and released under the MIT licence.

Which runtimes and frameworks support @supabase/middleware?

It runs on Fetch-compatible runtimes including Cloudflare Workers, Deno and Bun. Supabase lists Hono, H3, Elysia, NestJS and TanStack Start as supported frameworks, connected through a short bridge file.

Sources

3 checked

How we cover tool news: Create With's tool desk drafts these reports with AI from the sources listed above and checks them against those sources before publishing.

Worth passing on?

ShareLinkedIn

Go deeper on Supabase

Related reading, watching and going.

Everything on Supabase →

The briefing

30 Sept 2026

Solo Consultant's AI Operating System Built on Markdown

London solo consultant uses an AI personal OS of markdown files—saving ~45% delivery time, boosting revenue 2.4×, and powering 33 community events for ~£250/mo.

Read →

The briefing

15 Sept 2026

€300k Business on 4 Hours/Week with AI — Case Study

Read how a one-man Dutch company scaled to €300k/yr and runs on 4 hours/week by rebuilding ops with Claude Code. Submit your AI case study to be featured.

Read →

The briefing

8 Sept 2026

How We Made 600 Branded Videos with AI & Remotion Workflow

See how Create With made 600 branded videos using Claude Code + Remotion. Template-driven brand-folder workflow for consistent social ads and event content.

Read →
36 min

Podcast

55. We're Back! Conference Recap, Running Events with AI & Self-Healing Apps

James and Kieran return to the Create With Podcast after their summer break to recap the 2026 Create With Conference in Brighton. They discuss how 550 attendees experienced workshops, a charity hackathon where functional apps were built in 30 minutes, and an innovative conference operating system built entirely with AI. The episode covers the latest developments in AI development tools including Anthropic's Fable model, scheduled tasks in Codex, and self-healing applications using PostHog.

Watch now ↗
34 min

Podcast

My Daughter Built a Website Business, Claude Design First Look & Going All-In on Cloudflare

James and Kieran discuss practical AI-powered development through real-world examples, including a seven-year-old building a website business with Claude Code voice mode, Anthropic's new Claude Design tool, API security challenges in the AI agent era, and Cloudflare's expanding AI infrastructure offerings. The episode covers hands-on experiences with vibe coding, emerging design tools, and the evolving landscape of AI-assisted development.

Watch now ↗

Podcast

53. Why Your Vibe Code Needs Tests, Ditching SaaS & AI Agents That Work While You Sleep

James and Kieran discuss the practical realities of building AI-powered software, emphasizing the importance of testing in vibe-coded applications, exploring alternatives to traditional SaaS tools, and implementing autonomous AI agents for business operations. The episode covers technical topics like Convex databases, app store bottlenecks from AI-generated submissions, and using OpenClaw as a marketing automation agent.

Watch now ↗

Latest tool news

What else changed this week.

All tool news
GeminiRoundup

Gemini 4 Argon Reaches Builder Platforms

Gemini 4 Argon is moving straight into the platforms where builders write code, automate work and create prototypes. This week, Vercel, n8n, Netlify and Figma each added access to…

The Create With Briefing

Don't watch forty changelogs. Read one email.

Every Tuesday: the tool changes worth knowing, real business use cases, and what's on near you. Free, unsubscribe any time.