Frontend Cloud

Frontend Cloud gives each project its own database and file storage, hosted and managed by Frontend at cloud.frontend.co. Instead of wiring up a separate backend, you enable Frontend Cloud on a project and immediately get a SQL database to store your app’s data and a media store for images, audio, video, and other files.

Enabling Frontend Cloud

Frontend Cloud is enabled per project from Project > Settings. When you turn it on, Frontend automatically provisions:

• A database — a SQL (SQLite) database for your application data
• Storage — a media store for uploading and serving files

Once enabled, the AI assistant in the editor gains access to your database. You can ask it to design a schema, create tables, seed data, and run queries for you — the AI executes SQL directly against your project’s database as it builds your app. Your deployed application talks to the same database and storage at runtime through the endpoints below.

Services

• Database — Run SQL against your project’s database over HTTP with the /api/v1/query endpoint
• Storage — Upload, list, serve, and delete media files with the /api/media endpoints

Base URL & Authentication

All Frontend Cloud endpoints live under:

https://cloud.frontend.co

Every request is authenticated with your project API key, which you generate from Project > Settings > API Keys. Provide it in any one of these ways:

Method	Example
Header	x-api-key: YOUR_API_KEY
Bearer token	Authorization: Bearer YOUR_API_KEY
Query string	?apikey=YOUR_API_KEY

Keep your API key on the server — for example in a Next.js Route Handler or server action — and read it from an environment variable rather than exposing it in client-side code.

LLM Endpoint

Frontend Cloud also provides an OpenRouter-compatible LLM endpoint, giving your agents access to frontier AI models from providers like Anthropic, OpenAI, and Google without needing a direct OpenRouter account — pricing is included in your Frontend subscription. You can use it with the Vercel AI SDK via the OpenRouter provider:

import { createOpenRouter } from '@openrouter/ai-sdk-provider';

const openrouter = createOpenRouter({
  apiKey: process.env.FRONTEND_API_KEY!,
  baseURL: 'https://cloud.frontend.co/api/v1',
});

The endpoint is also compatible with any OpenAI-compatible client — simply point it at the base URL https://cloud.frontend.co/api/v1 and authenticate with your API key.