> ## Documentation Index
> Fetch the complete documentation index at: https://docs.marblecms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Set Up Your Workspace

> Get started with Marble in minutes — sign up, create a workspace, explore the dashboard, and publish your first post before wiring it to a frontend.

<Steps>
  <Step title="Create an account">
    To get started, head over to [marblecms.com](https://marblecms.com) and click the **Sign Up** button. You can sign up with your email, Google, or a GitHub account.

    <Frame>
      <picture>
        <source media="(prefers-color-scheme: dark)" />

        <img src="https://mintcdn.com/marblecms/VyF0azMu6yWtXGXT/images/signup-light.png?fit=max&auto=format&n=VyF0azMu6yWtXGXT&q=85&s=233dbc1d71aeda78a339bfd242cec29d" alt="Marble sign-up page" width="2672" height="1443" data-path="images/signup-light.png" />
      </picture>
    </Frame>
  </Step>

  <Step title="Create a workspace">
    After signing up, you'll be prompted to create your first workspace.

    <Note>
      **What is a workspace?** Think of a workspace as a container for all the
      content related to a single project, like your personal blog or a company
      website. Each workspace holds its own posts, media, tags, categories, and team
      members.
    </Note>

    Give your workspace a name (you can always change it later) and click **Create Workspace**.

    <Frame>
      <picture>
        <source media="(prefers-color-scheme: dark)" />

        <img src="https://mintcdn.com/marblecms/ubtCRRrBTGgvlFe7/images/onboarding-light.jpeg?fit=max&auto=format&n=ubtCRRrBTGgvlFe7&q=85&s=7fe7a1565406881105e6f490e52b7bc2" alt="Create a new workspace modal" width="2940" height="1838" data-path="images/onboarding-light.jpeg" />
      </picture>
    </Frame>
  </Step>

  <Step title="Explore the dashboard">
    Once your workspace is ready, you'll be taken to the dashboard. This is your central hub for managing content. From here, you can create posts, upload media, and invite teammates.

    <Frame>
      <picture>
        <source media="(prefers-color-scheme: dark)" />

        <img src="https://mintcdn.com/marblecms/VyF0azMu6yWtXGXT/images/dashboard-light.png?fit=max&auto=format&n=VyF0azMu6yWtXGXT&q=85&s=0806efd0509395bbb57b5ced5a1d1a69" alt="The Marble dashboard" width="2672" height="1443" data-path="images/dashboard-light.png" />
      </picture>
    </Frame>
  </Step>

  <Step title="Create your first post">
    Click **New Post** to open the editor. The editor provides a clean, minimal interface where you can write with rich formatting, add images from your media library, and organize your content with tags and categories.

    When you're ready, you can save your post as a draft or publish it immediately.

    <Warning>
      Marble does not currently have auto-save functionality. Make sure to save your work regularly when writing large articles to avoid losing content if the page refreshes.
    </Warning>

    <Frame>
      <picture>
        <source media="(prefers-color-scheme: dark)" />

        <img src="https://mintcdn.com/marblecms/VyF0azMu6yWtXGXT/images/editor-light.png?fit=max&auto=format&n=VyF0azMu6yWtXGXT&q=85&s=58f8c795ea36f59e63c0695dba362e7c" alt="The Marble post editor" width="2672" height="1443" data-path="images/editor-light.png" />
      </picture>
    </Frame>
  </Step>

  <Step title="Next Steps">
    That's it! You've successfully set up your Marble workspace and created your first post. 🚀

    Now you're ready to connect your content to your frontend. Check out our integration guides to get started. For faster integration, add the [Context7 MCP server](https://context7.com/websites/marblecms) to your setup.

    <CardGroup>
      <Card title="Astro Integration" href="/integrations/astro" icon="stars" />

      <Card title="Framer Plugin" href="/integrations/framer" icon="plug" />

      <Card title="Next.js Integration" href="/integrations/nextjs" icon="react" />

      <Card title="TanStack Start Integration" href="/integrations/tanstack" icon="tree-palm" />
    </CardGroup>
  </Step>
</Steps>
