Stackbit logoV2 Beta DocumentationGo to V1
  • Documentation
  • Blog
  • Sign In
  • Get Started
  • Home
  • Getting Started
    • Overview
    • 1. Creating a Site
    • 2. Global Styles
    • 3. Editing Content
    • 4. Creating Pages
    • 5. Publishing Changes
    • 6. CMS Editor
    • 7. Adding Components
    • 8. Next Steps
  • How-to Guides
    • Transfer Code to Your GitHub Account
    • Develop Locally
    • Change Page URL
    • Add a New Component
    • Extend Components
      • Add/Remove Component Property
      • Override Component CSS
    • Common Features
      • Analytics
      • Sitemap
      • E-Commerce
      • Search
      • Forms
        • Custom Form Submission
        • Using Stackbit Forms with Custom Deployment
        • Third-Party Form Services
      • Authentication
      • RSS Feed
    • Use NPM Packages
    • Custom Fonts
    • Modify Global Styles
    • Connect a Domain
    • Deployment
      • Deploy to Netlify
      • Deploy to Vercel
      • Enable Server-Side Features
    • Duplicate a Site
  • Content Editing
    • Overview
    • Branding Your Site
    • Drafting Blog Posts
    • Publishing Changes
    • Collaboration: Previewing & Sharing
    • Building Landing Pages
    • Add a Form
    • Change Favicon
  • Reference Guides
    • Project Configuration (stackbit.yaml)
      • Assets
      • Mapping Content Models
    • Defining Models
      • Model Properties
      • Field Properties
      • Field Editor Controls
      • Field & Component Styles
    • Annotations
      • data-sb-object-id
      • data-sb-field-path
      • React Annotation Utilities
    • Content Presets
  • Conceptual Guides
    • How Stackbit Works
      • What You Get in the Box
      • How We Run Your Site
      • How Visual Editing Works
      • Publish & Deploy
      • Where to Go from Here
    • Modeling & Storing Content
      • Where Content Lives
      • What a Website Needs
      • The Content Model You Get
      • A Better Visual Experience
    • Components
      • Thinking in Atomic Design
      • Nesting Components Effectively
      • User-controlled Styles
      • Using Content Presets
      • Registering Components
    • How Themes Work
      • How Themes are Styled
      • How the Theme Provides Content
      • How the Theme Renders Pages
    • Defining Content Presets
    • Deployment Options
    • Stackbit Forms
  • Troubleshooting

How-to Guides

  • Transfer Code to Your GitHub Account
    Transfer your site's code repository to your GitHub account.
  • Develop Locally
    Write code and content for your site in your local environment.
  • Change Page URL
    How to change a page's path after creating it.
  • Add a New Component
    Add a basic component to the home page of a Stackbit site.
  • Extend Components
    Make adjustments to existing Stackbit components.
  • Common Features
    Common features and patterns to add to your Stackbit site.
  • Use NPM Packages
    How to create & use components & models in NPM packages.
  • Custom Fonts
    Learn how to bring any font into your site.
  • Modify Global Styles
    Set global style rules and choose whether or not they are editable.
  • Connect a Domain
    Add a custom domain to your site.
  • Deployment
    Setup your own custom deployment and hosting solution.
  • Duplicate a Site
    Begin a new project from an existing site.

Ready to get started?

Create your site

Table of contents

Stackbit logo

    Copyright © 2021 Stackbit. Made with Stackbit

    TermsPrivacyLicense

    GitHubTwitter