Skip to content

Latest commit

 

History

History
65 lines (44 loc) · 2.36 KB

README.md

File metadata and controls

65 lines (44 loc) · 2.36 KB
Raw

Simple Astro Blog built with Astro and Cosmic

To build this app, we’re going to use the following technologies:

  • Astro - A React framework for production that makes it easy to spin up a full-stack application.
  • Cosmic - A Headless CMS enables the independence of the data (content) layer and gives us the ability to quickly manage template content.
  • Tailwind CSS - A performant utility-first CSS framework that can be composed directly in your markup.

Links

Screenshots

Home Page

Blog Page

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 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 for more details.

Your feedback and contributions are welcome!