Quickstart with Dyrected Cloud

1. Create your site

Sign up at app.dyrected.com and create a new Site.

2. Copy the AI Prompt

Immediately after creating your site, you will see a Setup Prompt. This is pre-filled with your Site ID and API Key.

3. Give it to your AI

Paste that prompt into your AI tool (Claude, GPT, Cursor, etc.).

The AI will automatically:

• Install the necessary dependencies (@dyrected/admin, @dyrected/core).
• Create a dyrected.config.ts with your initial collections.
• Embed the Admin Dashboard directly into your React, Vue, or Next.js application at a route like /admin.
• Sync your Schema: The AI will run npx @dyrected/cli sync:schema for you so your cloud database is ready immediately.

4. Open your site

Run your site and your new dashboard will be live at yourwebsite.com/admin.

1. Install Dependencies

pnpm add @dyrected/admin @dyrected/core @dyrected/next

2. Define your Config

Create a dyrected.config.ts in your project root. No adapters are needed—Cloud handles everything.

import { defineConfig } from '@dyrected/core'

export default defineConfig({
  collections: [
    {
      slug: 'posts',
      fields: [{ name: 'title', type: 'text', required: true }],
    },
  ],
})

3. Embed the Admin UI

Create a page in your app to host the dashboard.

Next.js (App Router):

// app/admin/[[...route]]/page.tsx
import { DyrectedAdmin } from '@dyrected/next'

export default function AdminPage() {
  return <DyrectedAdmin />
}

React (Vite):

import { AdminUI } from '@dyrected/admin'
import '@dyrected/admin/styles'

export default function AdminPage() {
  return <AdminUI apiKey="..." siteId="..." />
}

4. Sync Schema

npx @dyrected/cli sync:schema