RC
RealComposer
Sign InCREATE PIPELINE
ZERO-BACKEND ARCHITECTURE TEMPLATES

Edge API Recipes & Templates

Stitch APIs, protect private keys, and filter bloated JSON responses at the edge. Clone any recipe directly into your RealComposer workspace in one click.

Platforms:
FlutterFlowStripe
Security & Secret Vault

How to Call Stripe API from FlutterFlow Securely Without Exposing Secret Key

To call the Stripe API from FlutterFlow securely, never place your Stripe Secret Key (sk_live_...) inside FlutterFlow API call headers or variables. Instead, store your secret in RealComposer Secret Vault and make your FlutterFlow API call to RealComposer edge URL with a restricted client token. RealComposer automatically injects your Stripe Secret Key server-side on Cloudflare Workers, keeping your key 100% invisible to client decompilation.

Sub-10ms edgeView Recipe
ReactOpenAI
Security & Secret Vault

How to Hide OpenAI API Key in Client-Side React Apps

To use OpenAI in a client-side React app without leaking your secret key, never include OPENAI_API_KEY or REACT_APP_OPENAI_API_KEY in frontend .env files. Instead, route your fetch calls through a RealComposer edge endpoint that injects your secret key server-side on Cloudflare Workers and enforces CORS origin whitelisting.

Sub-10ms edgeView Recipe
WebflowAirtableStripeHubSpot
Security & Secret Vault

How to Call Private REST APIs from Webflow Custom Code Securely

Webflow is a purely static and frontend visual builder with no backend server. To call private APIs from Webflow custom code without revealing secrets in the browser inspector, route requests through RealComposer. RealComposer stores your API keys in an AES-256-GCM vault, injects credentials at the edge, and handles CORS headers automatically.

Sub-10ms edgeView Recipe
BubbleStripeOpenAIAirtable
Security & Secret Vault

Secure API Proxy for Bubble.io API Connector

To prevent API keys from leaking through the Bubble.io API Connector, route high-value third-party requests through RealComposer. RealComposer stores credentials encrypted at the edge and filters bloated responses, reducing the payload size that Bubble servers must parse.

Sub-10ms edgeView Recipe
FramerOpenAIAirtableResend
Security & Secret Vault

How to Hide API Keys in Framer Websites

Framer generates pure React client components where hardcoded API keys are visible to anyone viewing browser source code. Route requests through RealComposer to inject secrets at the edge and enforce domain origin protection.

Sub-10ms edgeView Recipe
React Native / ExpoStripe
Security & Secret Vault

How to Call Stripe API from React Native Without Leaking Secret Key

React Native APK and IPA bundles can be disassembled with standard decompilers, exposing hardcoded environment variables. Use RealComposer to store your Stripe Secret Key server-side on Cloudflare Workers and return only safe, slimmed responses to your mobile app.

Sub-10ms edgeView Recipe
Next.js / ReactSupabase
Security & Secret Vault

How to Protect Supabase Service Role Key in Next.js & Client Apps

The Supabase service_role key bypasses all Row Level Security (RLS) rules. If leaked, an attacker has unrestricted admin access to your database. RealComposer keeps your service role key in the Secret Vault and exposes locked-down endpoints with strict output filtering.

Sub-10ms edgeView Recipe
JavaScript / HTMLTwilio
Security & Secret Vault

How to Call Twilio SMS API from Client-Side JavaScript Securely

Calling Twilio directly from client-side JS exposes your Account SID and Auth Token, enabling malicious actors to drain your SMS credits with spam campaigns. RealComposer proxies Twilio calls at the edge, attaching Basic Auth headers server-side.

Sub-10ms edgeView Recipe
React / Flutter / MobileSupabaseStripe
Multi-API Aggregation

How to Merge Supabase and Stripe into One Endpoint

Instead of having your frontend make 2 separate requests over high-latency cellular networks, RealComposer fetches your Supabase user record and Stripe subscription details concurrently using Promise.all on Cloudflare Workers, returning a unified JSON payload in a single round-trip.

Sub-10ms edgeView Recipe
Any Frontend / MobileREST APIsMicroservices
Multi-API Aggregation

How to Combine Multiple API Responses into One JSON Without a Backend

You do not need to spin up an Express, FastAPI, or Docker microservice just to stitch REST APIs together. RealComposer fetches multiple upstream endpoints concurrently at the edge, injects private credentials, and combines the responses into a single JSON schema with sub-10ms response times.

Sub-10ms edgeView Recipe
Flutter / React Native / SwiftStripe
Payload Slimmer

Stripe API Response Too Large: How to Trim JSON Fields for Mobile Apps

Stripes Customer and Invoice objects return 50+ properties and thousands of bytes when mobile screens only need 3 or 4 fields. RealComposer declarative Payload Slimmer projects only the exact fields your app needs at the edge, cutting payload size by up to 94% and speeding up client parse times.

Sub-10ms edgeView Recipe

Need a Custom Edge Pipeline?

Compose any custom REST upstreams, inject AES-256-GCM secrets, and trim payload keys with the Visual Pipeline Builder.

OPEN VISUAL BUILDER