Guides
Get started with CloudCannon
g.ssgs.includes(selected_name)); misc_guides = guides.filter(g => !g.ssgs.includes(selected_name)); " class="guide-list" x-data="{"guides":[{"url":"/documentation/guides/astro-starter-guide/","id":"astro-starter-guide","image":"/documentation/static/ssgs/astro.svg","title":"Astro","description":"Learn how to get your website set up on the CloudCannon Astro CMS.","ssgs":["Astro"]},{"url":"/documentation/guides/docusaurus-starter-guide/","id":"docusaurus-starter-guide","image":"/documentation/static/ssgs/docusaurus.svg","title":"Docusaurus","description":"Learn how to get your website set up on the CloudCannon Docusaurus CMS.","ssgs":["Docusaurus"]},{"url":"/documentation/guides/eleventy-starter-guide/","id":"eleventy-starter-guide","image":"/documentation/static/ssgs/eleventy.svg","title":"Eleventy","description":"Learn how to get your website set up on the CloudCannon Eleventy CMS.","ssgs":["Eleventy"]},{"url":"/documentation/guides/gatsby-starter-guide/","id":"gatsby-starter-guide","image":"/documentation/static/ssgs/gatsby.svg","title":"Gatsby","description":"Learn how to set up your website on the CloudCannon Gatsby CMS.","ssgs":["Gatsby"]},{"url":"/documentation/guides/hugo-starter-guide/","id":"hugo-starter-guide","image":"/documentation/static/ssgs/hugo.svg","title":"Hugo","description":"Learn how to get your website set up on the CloudCannon Hugo CMS.","ssgs":["Hugo"]},{"url":"/documentation/guides/jekyll-starter-guide/","id":"jekyll-starter-guide","image":"/documentation/static/ssgs/jekyll.svg","title":"Jekyll","description":"Learn how to set up your website on the CloudCannon Jekyll CMS.","ssgs":["Jekyll"]},{"url":"/documentation/guides/mkdocs-starter-guide/","id":"mkdocs-starter-guide","image":"/documentation/static/ssgs/mkdocs.svg","title":"MkDocs","description":"Learn how to set up your website on the CloudCannon MkDocs CMS.","ssgs":["MkDocs"]},{"url":"/documentation/guides/nextjs-starter-guide/","id":"nextjs-starter-guide","image":"/documentation/static/ssgs/nextjs.svg","title":"Next.js","description":"Learn how to set up your website on the CloudCannon Next.js CMS.","ssgs":["Next.js"]},{"url":"/documentation/guides/nuxt-starter-guide/","id":"nuxt-starter-guide","image":"/documentation/static/ssgs/nuxtjs.svg","title":"Nuxt","description":"Learn how to set up your website on the CloudCannon Nuxt CMS.","ssgs":["Nuxt"]},{"url":"/documentation/guides/sveltekit-starter-guide/","id":"sveltekit-starter-guide","image":"/documentation/static/ssgs/sveltekit.svg","title":"SvelteKit","description":"Learn how to set up your website on the CloudCannon SvelteKit CMS.","ssgs":["SvelteKit"]},{"url":"/documentation/guides/universal-starter-guide/","id":"universal-starter-guide","image":"/documentation/static/hand.png","title":"Universal","description":"Learn how to get your website set up on the CloudCannon CMS.","ssgs":[]}],"selected_name":null,"misc_guides":[],"suggested_guides":[]}" x-init=" selected_name = $store.conditionals.selected('ssg-name'); suggested_guides = guides.filter(g => g.ssgs.includes(selected_name)); misc_guides = guides.filter(g => !g.ssgs.includes(selected_name)); ">
![]()
Starter Guide
![]()
Starter Guide
Workflow guides
g.ssgs.includes(selected_name)); misc_guides = guides.filter(g => !g.ssgs.includes(selected_name)); " class="guide-list" x-data="{"guides":[{"url":"/documentation/guides/hugo-multilingual/","id":"hugo-multilingual","image":"/documentation/static/ssgs/hugo.svg","title":"Hugo Multilingual Guide","description":"Discover our recommended best practices for integrating multilingual Hugo sites.","ssgs":["Hugo"]},{"url":"/documentation/guides/rosey-migration-guide/","id":"rosey-migration-guide","image":"/documentation/static/rosey.png","title":"Rosey Migration Guide","description":"Learn about Rosey i18n and how to use it in CloudCannon","ssgs":[]},{"url":"/documentation/guides/staging-workflow-guide/","id":"staging-workflow-guide","image":"/documentation/static/git-icon.png","title":"Staging Workflow Guide","description":"Learn about the advantages of a staging-production workflow and how to set it up in CloudCannon.","ssgs":[]}],"selected_name":null,"misc_guides":[],"suggested_guides":[]}" x-init=" selected_name = $store.conditionals.selected('ssg-name'); suggested_guides = guides.filter(g => g.ssgs.includes(selected_name)); misc_guides = guides.filter(g => !g.ssgs.includes(selected_name)); ">
Bookshop guides
g.ssgs.includes(selected_name)); misc_guides = guides.filter(g => !g.ssgs.includes(selected_name)); " class="guide-list" x-data="{"guides":[{"url":"/documentation/guides/bookshop-eleventy-guide/","id":"bookshop-eleventy-guide","image":"/documentation/static/ssgs/bookshop-eleventy.svg","title":"Bookshop 11ty Guide","description":"Learn how to build a live-editable website using Eleventy and Bookshop on CloudCannon.","ssgs":["Eleventy"]},{"url":"/documentation/guides/bookshop-astro-guide/","id":"bookshop-astro-guide","image":"/documentation/static/ssgs/bookshop-astro.svg","title":"Bookshop Astro Guide","description":"Learn how to build a live-editable website using Astro and Bookshop on CloudCannon.","ssgs":["Astro"]}],"selected_name":null,"misc_guides":[],"suggested_guides":[]}" x-init=" selected_name = $store.conditionals.selected('ssg-name'); suggested_guides = guides.filter(g => g.ssgs.includes(selected_name)); misc_guides = guides.filter(g => !g.ssgs.includes(selected_name)); ">