Headless commerce
for developers
A hosted commerce API with a production-ready admin panel and TypeScript SDK. Customers, products, orders, and payments included. You build the frontend.
$ npx create-hydra-app my-storeComplete headless commerce.
Three simple steps.
Manage
Pre-built commerce admin
Hydra gives you a hosted dashboard for products, orders, customers, shipping, and payments. Nothing to build or maintain.
Connect
RESTful API + SDK
Type-safe SDK and REST endpoints for every resource. Fetch products, create checkouts, manage customers. Webhooks for real-time events.
Build
Any framework, any host
Next.js, Astro, Nuxt, SvelteKit, or anything else. Build your storefront exactly how you want it. Deploy anywhere.
Everything you need.
Nothing you don't.
A typed SDK that maps to your data. Fetch products, create orders, manage customers. No GraphQL schemas to learn, no ORM to configure.
import { Hydra } from '@hydrajs/sdk'
const hydra = new Hydra({
storeId: 'your-store',
apiKey: process.env.HYDRA_API_KEY!
})
// React Server Component
export default async function Page() {
const products = await hydra.products.list({
collection: 'summer-24',
limit: 20
})
return <ProductGrid products={products} />
}---
import { Hydra } from '@hydrajs/sdk'
const hydra = new Hydra({
storeId: 'your-store',
apiKey: import.meta.env.HYDRA_API_KEY
})
const products = await hydra.products.list({
collection: 'summer-24',
limit: 20
})
---
{products.map(p => <ProductCard product={p} />)}<script setup lang="ts">
import { Hydra } from '@hydrajs/sdk'
const hydra = new Hydra({
storeId: 'your-store',
apiKey: useRuntimeConfig().hydraApiKey
})
const products = await hydra.products.list({
collection: 'summer-24',
limit: 20
})
</script>
<template>
<ProductCard v-for="p in products" :product="p" />
</template>import { Hydra } from '@hydrajs/sdk'
import { HYDRA_API_KEY } from '$env/static/private'
const hydra = new Hydra({
storeId: 'your-store',
apiKey: HYDRA_API_KEY
})
export async function load() {
const products = await hydra.products.list({
collection: 'summer-24',
limit: 20
})
return { products }
}Zero-config payments
Pre-built Stripe checkout or bring your own. Subscriptions, recurring payments, refunds, and webhooks included.
TypeScript-first SDK
Every product field, order status, and webhook payload is typed. Your editor knows the API before you read the docs.
Real-time webhooks
Typed payloads, automatic retries, and delivery guarantees. Every event your app needs, none it has to poll for.
Shipping built in
Connect your carrier API keys. Live rates at checkout, labels after purchase, tracking updates via webhooks. No third-party shipping app needed.
Auth included
Customer registration, login, sessions, and password resets via API. One less service to wire up.
Deploy anywhere
Node, Deno, Bun, edge functions, serverless. The SDK runs wherever your code does, with zero platform lock-in.
Full admin panel
Products, orders, customers, inventory, and shipping managed from a production-grade dashboard. No admin to build.
Client handoff
Build the storefront, hand over the admin. Your client manages their store without touching code or asking you to update a price.
Starter kits
Production-ready storefronts for Next.js, Astro, Nuxt, and SvelteKit. Cart, checkout, accounts, and search included. Not a scaffold, a real store.
Build fast, faster.
Free tier includes everything. No credit card required. Go to production when you're ready.