API and SDK for custom frontends.
Use Arky from the frontend stack you already like. Fetch content, products, bookings, forms, profiles, and workflows without giving up custom code.
Best for
- Astro sites
- Next apps
- Svelte frontends
- custom storefronts
Use it as the integration layer between Arky modules and the frontend stack your agency already prefers.
What this module gives your project.
Storefront APIs
Use this capability from your custom frontend while the operational side stays manageable in Arky admin.
SDK helpers
Use this capability from your custom frontend while the operational side stays manageable in Arky admin.
Typed modules
Use this capability from your custom frontend while the operational side stays manageable in Arky admin.
Webhooks
Use this capability from your custom frontend while the operational side stays manageable in Arky admin.
Frontend freedom
Use this capability from your custom frontend while the operational side stays manageable in Arky admin.
Custom UX without rebuilding backend state.
- One storefront store
- Typed SDK helpers
- Reactive state
- Framework-agnostic APIs
A client-facing back office for the same module.
- Store configuration
- Integration settings
- API tokens for trusted jobs
- Webhook configuration
Code the frontend. Connect Arky underneath.
Start with the frontend stack the project deserves, then connect only the Arky modules it needs. The admin, API, SDK, and backend workflows stay behind the custom experience.
- Install the SDK
- Initialize createArkyStore
- Use only the modules the project needs
import { createArkyStore } from "arky-sdk/storefront-store";
const arky = createArkyStore({
baseUrl: "https://api.arky.io",
storeId: "your-store-id",
locale: "en",
});
await arky.setup({ hydrateCart: true });
// Use the module helpers your frontend needs.
// The client keeps full control over markup, routing, and UX.Useful integration touchpoints.
createArkyStore({ baseUrl, storeId })arkyStore.setup({ hydrateCart: true })arkyStore.cms.node.get({ key })