Request: A simple astro github repo that works with visual editor

Hey all,

I’m excited to switch my site from Nuxt to Astro. However, I’m getting really lost trying to connect cloud cannon.

I’m trying to follow this repository.

I’m sure this will be helpful once I get my head wrapped around the integration. However, for now this repo is way too complex to reasonably work through. There are 100s of files, many of them with 300+ lines of code. I don’t know where to start.

It would be super helpful if there was an astro getting started repo with minimal files, that shows at the most basic level how to change some text and upload an image.

1 Like

Hi Shane!

Follow these steps..

  1. Clone the repo (git clone git@github.com:CloudCannon/astro-component-starter.git)
  2. Enter on this project (cd astro-component-starter/)
  3. Run installer (pnpm install ou npm install) and make sure you have the latest version of node installed
  4. Run project (pnpm run dev or npm run dev)
  5. Open your local host.. you will see the project running as documentation
  6. Explore the src/ folder and read more about astro documentation

You will understand quickly the filesystem.

Cheers.

1 Like

Hi Shane,

Awesome to hear you’re switching to Astro.

We hear you, heres something a bit simpler to get you going.

Astro Minimal Starter

While we’d definitely encourage you to check out the Astro Component Starter when you get round to building out your site’s components, this could be a good place to start getting familiar with how Astro and CloudCannon fit together.

Cheers,

Tom

1 Like