The Ship & The Vault
Gather 'round, ye scallywags! This be the tale of two mighty tools that sail together: Vercel be yer ship, and Supabase be yer treasure vault. Together they replace an entire crew of DevOps bilge rats.
β¬οΈ Scroll down to explore the seas β¬οΈ
Let me tell ye a tale... π΄ββ οΈ
β΅
Vercel be yer ship. It carries yer app across the digital seas, fast as the wind, to any port in the world.
π°
Supabase be yer treasure vault. Every doubloon of data, every crew manifest, every secret map β locked up safe below deck.
"A ship without a vault be just driftwood. A vault without a ship sits on the ocean floor. Ye need both to rule the seas!" π¦
How a request sails the seas
Every voyage has three stops. Each port does its job and sends ye onward.
The Sailor
Browser or mobile app (that's yer user!)
Vercel (The Ship)
CDN + SSR + API routes β fast as the wind
Supabase (The Vault)
Postgres + Auth + Storage + Realtime
π§ The Voyage, Step by Step
- π§A sailor opens yer app β Vercel's edge armada serves the page from the nearest port in milliseconds. Faster than a cannonball!
- πSailor logs in or requests treasure β the app fires a Vercel API route (a serverless cannon blast).
- π°The cannon blast reaches Supabase β digs through the Postgres vault, checks the crew manifest (auth), and grabs the goods.
- πTreasure flows back through the ship to the sailor. The whole round trip? 50-200ms. Faster than ye can say "ARRR!"
What be Vercel?
Vercel be a cloud platform that launches yer web app and makes it blazin' fast across every ocean. They built Next.js β the finest React vessel on the seven seas.
Worldwide Winds
Global Edge Network
Yer site loads from 100+ ports across the seven seas. Visitors hit the closest outpost β not some far-off island in Virginia.
Hoist the Flag & Deploy
Git-Push Deploy
Push to main and she's live, matey. Every pull request gets its own preview island. No rigging Docker, no YAML shanties.
Cannon Functions
Serverless Functions
API routes that sleep when the sea is calm and fire a broadside when traffic storms in. Ye only pay for cannonballs ye use.
Crow's Nest Previews
Preview Deployments
Every branch gets its own spyglass URL. Share it with yer crew, yer captain, yer shipwright. Instant feedback from the lookout.
What be Supabase?
Supabase be an open-source Firebase killer built on Postgres β the sturdiest treasure vault known to devkind. Database, auth, file storage, and realtime β all in one port.
The Treasure Vault
Postgres Database
A proper Postgres treasure chest β not some landlubber's proprietary tongue. Full SQL, extensions, foreign keys, migrations. Real booty.
Who Goes There?!
Auth Built-In
Email, magic links, OAuth (Google, GitHub, and more). Row Level Security keeps scallywags out. No third-party gatekeepers needed.
Parrot Relay
Realtime Subscriptions
Subscribe to database changes over WebSockets. Build live dashboards, ship-to-ship chat, collaborative maps β no polling the horizon.
Row Level Security
Data Fortress
Security rules live in the vault itself, not yer app code. Even if a scoundrel breaches yer API, the treasure stays locked down.
Ship vs. Vault β who does what?
They ain't enemies, ye fool! They be the finest crew to ever sail together.
| π§ Question | β΅ Vercel (Ship) | π° Supabase (Vault) |
|---|---|---|
| What be it? | The ship that carries yer app across the seas | The treasure vault that holds all yer data |
| In pirate terms | Where yer crew lives and sails from | Where yer gold and maps are locked up |
| Replaces these scurvy tools | AWS S3 + CloudFront + Lambda (a whole armada) | Firebase + Auth0 + custom API (a fleet of dinghies) |
| Tongue spoken | JavaScript / TypeScript (React, Next.js) | SQL (Postgres) + JS client SDK |
| Handles a storm? | Aye! Edge network absorbs any wave of traffic | Aye! Upgrade yer compute as the fleet grows |
| Free grog? | Hobby plan β perfect fer learnin' the ropes | 500 MB vault, 50K crew members β no doubloons needed |
| Open source? | Next.js be open (Vercel platform be proprietary) | Fully open β self-host on yer own island if ye like |
π§ What be it?
The ship that carries yer app across the seas
The treasure vault that holds all yer data
π§ In pirate terms
Where yer crew lives and sails from
Where yer gold and maps are locked up
π§ Replaces these scurvy tools
AWS S3 + CloudFront + Lambda (a whole armada)
Firebase + Auth0 + custom API (a fleet of dinghies)
π§ Tongue spoken
JavaScript / TypeScript (React, Next.js)
SQL (Postgres) + JS client SDK
π§ Handles a storm?
Aye! Edge network absorbs any wave of traffic
Aye! Upgrade yer compute as the fleet grows
π§ Free grog?
Hobby plan β perfect fer learnin' the ropes
500 MB vault, 50K crew members β no doubloons needed
π§ Open source?
Next.js be open (Vercel platform be proprietary)
Fully open β self-host on yer own island if ye like
Why this captain sails with both
Launch in Days, Not Moons
Auth, database, hosting, SSL, CI/CD β all rigged and ready. I build yer product while the platform swabs the deck.
Full Crew, No Scurvy
No EC2 islands to maintain. No Kubernetes krakens to battle. No 3am cannon alarms. The platform handles the bilge so I handle yer business.
Grows With Yer Fleet
Start fer free! Grow to thousands of sailors. The architecture stays the same β yer tab just goes from zero doubloons to twenty-five a month.
Ports we've conquered with this fleet
Every one of these vessels was built with Vercel + Supabase. Real ships, real sailors, real treasure.
SC Financial
Financial advisory command deck
Next.js + Supabase + Vercel
Prodigy
AI child development galleon
Next.js + Supabase + Stripe + Vercel
Mom Health
7-specialist health armada
Next.js + Supabase + Oura + Vercel
PagaProtect
PAGA compliance warship
Next.js + Supabase + QuickBooks + Vercel
Relyon
Merchant onboarding & treasure tracking
Next.js + Supabase + Vercel
ADA Shield
Accessibility cannon SaaS
Next.js + Supabase + Stripe + Vercel
Ready to set sail?
This captain builds production vessels on Vercel + Supabase every week. Got a treasure map? Let's chart the course together, matey.