https://github.com/leabs/sheets-cms

This Astro static site connects google sheet data as a CMS
https://github.com/leabs/sheets-cms

Last synced: 8 months ago
JSON representation

This Astro static site connects google sheet data as a CMS

• Host: GitHub
• URL: https://github.com/leabs/sheets-cms
• Owner: leabs
• Created: 2023-10-10T12:57:05.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-10-10T12:57:07.000Z (over 2 years ago)
• Last Synced: 2025-10-06T11:46:35.706Z (8 months ago)
• Language: Astro
• Homepage: https://sheets-cms-indol.vercel.app/
• Size: 154 KB
• Stars: 12
• Watchers: 0
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Sheets-cms

This repo connects Google Sheet data to an Astro website using [opensheet](https://github.com/benborgers/opensheet).

To get started, clone fork or download this repo and run `npm install` in the directory to install dependencies.

To build the project run locally `npm run dev` and open [localhost:4321](http://localhost:4321) in your browser.

For further info and documentation on Astro, check out the [Astro docs](https://docs.astro.build/).

## Finding the sheet id

The sheet ID is the long string of characters in the URL of your Google Sheet.

![sheets-id](./public/id.png "sheets-id")

## Note: You need headers

Note that you will need headers in your sheet for the data to render properly. Drag the first row down to the second row to create headers.

![sheets-header](./public/header.png "sheets-header")

## 📝 Editing content

The content on the index page is rendered via the `src/Sheets.astro` component. Edit the `response` URL like so:

```astro

"https://opensheet.elk.sh/[GOOGLESHEET-ID-HERE]/1"

```