Skip to content

Cloudcannon

CloudCannon Astro CMS

Cloudcannon Headless CMS for ASTRO JS Project

Cloudcannon headless astro cms

If you want integration your astro js project with headless cms , you can use cloudcannon. see cloudcannon pricing plan →

For first make sure you have push your astro js project in to your github repo Read documentation how to push astro js project in to github repo here →, next you need to register and create account on cloudcannon.

Create Project

After you have select plan on cloudcannon, now you can create new project.

Git Provider

astro js clooudcannon cms

Git Provider - Choose your Git provider. Groups sites based on which repository is connected - select github

Git Repository

astro js clooudcannon cms

Now, you can select your github repo project,on Main Branch - you can check on github repo project is use main or master branch, next you can input main if your github repo use main branch then click create project button.

Project is Ready

astro js clooudcannon cms

And your new project is ready !!


Add New Site

Create your new web project

astro js clooudcannon cms

Next You need to create new site, so you can click add new site button on your cloudcannon dashboard area.

Website Configuration

astro js clooudcannon cms

Now you can name it your website project. and select your branch - main or master. and click sync button.

Sync Project

astro js clooudcannon cms

Wait for sync progress

Deploy Website

Prepare Build

astro js clooudcannon cms

Next cloudcannon will be analyze what your static site generator - Astro JS - Next you can click build

Build Production

astro js clooudcannon cms

Next cloudcannon will build your astro website project

Success Production

astro js clooudcannon cms

And then your website is success build to production mode.

Cloudcannon Configuration

astro js clooudcannon cms

Next you need to Set up editing - click on get started button.

Configuration File

astro js clooudcannon cms

Click Generate your global configuration file button

Collection Schemes

astro js clooudcannon cms

Next you can setup collection schemes in here, and click save.

Review Change

astro js clooudcannon cms

Review change and click save.

Success Integration CMS

astro js clooudcannon cms

And your astro headless cms is success integration.