Axolot Logo

Quickstart

Go from a blank Astro project to an AI-managed CMS in less than two minutes.

Axolot is designed to be dropped into any existing Astro project. Follow these four steps to enable the "Zero-Effort" CMS infrastructure.

1. Install the SDK

Install the core bridge via npm, pnpm, or yarn.

npm install @axolot/sdk

2. Configure Astro

Add the Axolot integration to your astro.config.mjs file.

import { defineConfig } from 'astro/config';
import axolot from '@axolot/sdk';

export default defineConfig({
  integrations: [axolot()],
});

3. Set Environment Variables

Create a .env file in your root directory. You can find these credentials in your Axolot Dashboard.

PUBLIC_AXOLOT_SITE_ID=your-site-id
PUBLIC_AXOLOT_API_TOKEN=sk-axolot-your-token

4. Add the Sync Bridge

To enable the visual editor and automatic page discovery, add the AxolotBridge to your main layout file (usually Layout.astro).