CloudCannon
CloudCannon Astro CMS
CloudCannon is a managed Git-based headless CMS with a visual editor. It connects directly to your GitHub repository and lets editors update content through a dashboard — no code required.
If you want to integrate your Astro JS project with a headless CMS, CloudCannon is one of the strongest options for teams that want a polished visual editing experience.
Note: CloudCannon is a paid service. See CloudCannon pricing → before you begin.
For first make sure you have pushed your Astro JS project to your GitHub repo. Read documentation how to push Astro JS project to GitHub repo here →. Next, you need to register and create an account on CloudCannon.
Create Project
After you have selected a plan on CloudCannon, you can create a new project.
Git Provider
Git Provider — Choose your Git provider. Groups sites based on which repository is connected. Select GitHub.
Git Repository
Now you can select your GitHub repo project. Under Main Branch, check whether your GitHub repo uses main or master. Enter main if your repo uses the main branch, then click Create Project.
Project Is Ready
Your new project is ready.
Add New Site
Create Your New Web Project
Next you need to create a new site. Click the Add New Site button on your CloudCannon dashboard.
Website Configuration
Name your website project, select your branch (main or master), and click Sync.
Sync Project
Wait for the sync progress to complete.
Deploy Website
Prepare Build
CloudCannon will analyze your static site generator — Astro JS. Click Build.
Build Production
CloudCannon builds your Astro website project.
Success Production
Your website has been successfully built to production mode.
CloudCannon Configuration
Next you need to set up editing. Click Get Started.
Configuration File
Click Generate your global configuration file.
Collection Schemes
Set up your collection schemes, then click Save.
Review Change
Review your changes and click Save.
Success — CMS Integration Complete
Your Astro headless CMS is now successfully integrated. Editors can log in to CloudCannon and update content through the visual dashboard.
Summary
| Step | What You Do |
|---|---|
| 1 | Push your Blacks project to GitHub |
| 2 | Register a CloudCannon account and select a plan |
| 3 | Create a new CloudCannon project, connect to GitHub |
| 4 | Add a new site and sync your repository |
| 5 | Build to production |
| 6 | Configure editing — generate configuration file |
| 7 | Set up collection schemes |
| 8 | Save — CMS is live |
Next Step
Continue to:
👉 Decap CMS — free alternative Git-based CMS