# Astro Cosmic Blog

import DocButton from '~/components/webkit/DocButton.vue';
import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
import Container from '~/components/webkit/Container.vue';

<SectionBasicContent
  description="The Cosmic Simple Astro Blog template helps you create and manage a blog easily, combining Astro's performance with Cosmic headless CMS for content management. This template provides a seamless integration between Astro's static site generation capabilities and Cosmic's powerful content management features."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/cosmic/cosmic-simple-astro-blog", outlined: false, icon: "ai ai-azion", iconPos: "left" },
    { label: "View demo", link: "https://zte49ja09g.map.azionedge.net/", severity: "secondary" }
  ]}
>
  <Fragment slot="content">
    <div style="flex: 1; min-width: 300px;">
      | Item | Details |
      |:----------|:------|
      | Repository | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/astro/cosmic-simple-astro-blog) |
      | Framework | [Astro](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/astro/) |
      | Use Case | Blog |
    </div>
    <div style="display: flex; justify-content: center; align-items: center; flex: 1;">
      <img src="/assets/docs/images/uploads/template-showcase/astro/astro-cosmic-blog.png" width="400" alt="Astro Blog with Cosmic" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## About this template

This template is a blog built with [Astro](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/astro/) and the [Cosmic](https://www.cosmicjs.com/) headless CMS. Authors create and organize posts in Cosmic, while Astro turns that content into fast, statically generated pages with a ready-made reading layout. Running on Azion, the blog is served via a distributed architecture for quick, globally consistent page loads.

## Key features

- Blog content modeled and managed in the Cosmic headless CMS.
- Astro Static Site Generation (SSG) for lightweight, SEO-friendly pages.
- Pre-built post and listing layouts you can restyle to match your brand.
- One-click deployment to Azion's globally distributed global network.