Configure cross-origin resource sharing for your API and get copy-paste code for Next.js or Express. Choose a production or development preset, or customize each setting.
Choose your backend framework to get the right code output.
Which domains can make cross-origin requests to your API.
HTTP methods your API accepts from cross-origin requests.
Request headers the browser is allowed to send.
Send cookies and auth headers cross-origin.
How long browsers cache preflight responses.
// middleware.ts (project root)
import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'
const allowedOrigins = [
'https://yourdomain.com',
]
export function middleware(request: NextRequest) {
const origin = request.headers.get('origin') ?? ''
const isAllowed = allowedOrigins.includes(origin)
if (request.method === 'OPTIONS') {
return new NextResponse(null, {
status: 204,
headers: {
...(isAllowed && { 'Access-Control-Allow-Origin': origin }),
'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',
'Access-Control-Allow-Headers': 'Content-Type, Authorization',
'Access-Control-Allow-Credentials': 'true',
'Access-Control-Max-Age': '86400',
},
})
}
const response = NextResponse.next()
if (isAllowed) {
response.headers.set('Access-Control-Allow-Origin', origin)
response.headers.set('Access-Control-Allow-Credentials', 'true')
}
return response
}
export const config = {
matcher: '/api/:path*',
}CORS configuration runs entirely in your browser. No data is sent to any server. Always test cross-origin requests after deploying to catch misconfigurations early.
Stripe Fee Calculator
Calculate Stripe fees for any payment method and currency.
RLS Policy Generator
Generate Supabase Row Level Security policies with templates.
SaaS Pricing Calculator
Find your break-even price and suggested pricing tiers.
OG Image Preview
Preview meta tags on Google, Twitter, LinkedIn, and more.
Security Checklist
30 essential security checks with scoring and progress tracking.
Tech Stack Costs
Compare hosting, database, and service costs at scale.
Security Headers
Generate Next.js security headers config with copy-paste code.
JWT Decoder
Decode and inspect JSON Web Tokens. View claims and expiry status.
CORS Config Generator
Generate CORS configuration for Next.js or Express with copy-paste code.
Skip months of boilerplate. SecureStartKit gives you auth, payments, email, and security best practices out of the box.
Get SecureStartKit