Skip to content

leabs/sheets-cms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sheets-cms

This repo connects Google Sheet data to an Astro website using 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 in your browser.

For further info and documentation on Astro, check out the Astro docs.

Finding the sheet id

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

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

📝 Editing content

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

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

About

This Astro static site connects google sheet data as a CMS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published