Quickstart

Get started in three commands

  1. 01

    Create a project

    Scaffold a new site with the starter template, including a design system and example modules.

    terminal
    $npm create root-app@latest my-site$cd my-site
  2. 02

    Connect the CMS

    Point the CMS plugin at your Firebase project. Collections and templates are discovered automatically.

    root.config.ts
    export default defineConfig({  plugins: [    cmsPlugin({      id: 'www',      firebaseConfig,    }),  ],});
  3. 03

    Start editing

    Run the dev server and open localhost:4007/cms/. Every change you make is previewed live.

    terminal
    $pnpm dev