Skip to content

Cloudcannon

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.

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

astro js clooudcannon cms

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

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.

astro js clooudcannon cms

And your new project is ready !!


astro js clooudcannon cms

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

astro js clooudcannon cms

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

astro js clooudcannon cms

Wait for sync progress

astro js clooudcannon cms

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

astro js clooudcannon cms

Next cloudcannon will build your astro website project

astro js clooudcannon cms

And then your website is success build to production mode.

astro js clooudcannon cms

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

astro js clooudcannon cms

Click Generate your global configuration file button

astro js clooudcannon cms

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

astro js clooudcannon cms

Review change and click save.

astro js clooudcannon cms

And your astro headless cms is success integration.