🚀 Astro Cosmic Blog 🚀

This repo contains an example blog application that is built with Astro, Cosmic and Start Bootstrap clean-blog template.

Click here to view Demo

Prerequisites

• Node (I recommend using latest version)
• Cosmic CMS account

Getting Started

git clone https://github.com/sumitkharche/astro-cosmic-app.git
cd astro-cosmic-app
npm install 

Create Cosmic Bucket

Create a free account on Cosmic. If this is your first time using Cosmic, you'll see a short tutorial which will introduce some of the data types we'll be using - buckets, objects, and metafields.

Create a new empty bucket & name it coffee-blog. For each blog post, we will have three object types:

• Title
• Content
• Image

So, go ahead and add these properties in your buckets along with some data for those objects. If you're having trouble with Buckets, Objects, or Metafields, go ahead and read the Getting Started page really quickly for some startup instructions

Keys

In .env file,

• update your Cosmic bucket slug and read key

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:3000
npm run build	Build your production site to ./dist/

👀 Want to learn more?

Feel free to check Astro Docs and Cosmic Docs documentation.