Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cosmicjs/simple-astro-blog
A simple astro blog powered by the Cosmic CMS
https://github.com/cosmicjs/simple-astro-blog
astro cms cosmicjs headless-cms
Last synced: about 1 month ago
JSON representation
A simple astro blog powered by the Cosmic CMS
- Host: GitHub
- URL: https://github.com/cosmicjs/simple-astro-blog
- Owner: cosmicjs
- Created: 2022-09-09T18:11:39.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-13T23:13:21.000Z (10 months ago)
- Last Synced: 2024-11-05T07:37:24.165Z (about 2 months ago)
- Topics: astro, cms, cosmicjs, headless-cms
- Language: Astro
- Homepage: https://simple-astro-blog.vercel.app
- Size: 442 KB
- Stars: 51
- Watchers: 3
- Forks: 18
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple Astro Blog built with Astro and Cosmic
To build this app, we’re going to use the following technologies:
- [Astro](https://astro.build/) - A React framework for production that makes it easy to spin up a full-stack application.
- [Cosmic](https://www.cosmicjs.com/) - A Headless CMS enables the independence of the data (content) layer and gives us the ability to quickly manage template content.
- [Tailwind CSS](https://tailwindcss.com/) - A performant utility-first CSS framework that can be composed directly in your markup.
### Links
- [Install the template](https://www.cosmicjs.com/marketplace/templates/simple-astro-blog)
- [View the live demo](https://simple-astro-blog.vercel.app/)
## Screenshots
## Getting started
### Environment Variables
You'll need to create an .env file in the root of the project. Log in to Cosmic and from Bucket Settings > API Access take the following values:
```
//.env
PUBLIC_COSMIC_BUCKET_SLUG=your_cosmic_slug
PUBLIC_COSMIC_READ_KEY=your_cosmic_read_key
```
Install the dependencies with
```
pnpm install
# or
yarn install
# or
npm install
```
Then run the development server:
```
pnpm run dev
# or
yarn dev
# or
npm run dev
```
Open [http://localhost:3000](http://localhost:3000/) with your browser to see the result.
You can start editing the page by modifying `src/pages/index.astro`. The page auto-updates as you edit the file.
## Deploy on Vercel
Use the following button to deploy to Vercel. You will need to add API accesss keys as environment variables. Find these in Bucket Settings > API Access.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
Your feedback and contributions are welcome!