# Cosmic Agency

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

<SectionBasicContent
  description="The CosmicJS Agency Website template helps you launch a dynamic, visually appealing marketing site for agencies and studios. Built with Next.js and the Cosmic headless CMS, it lets non-technical teams edit content without touching code. Deployed on Azion, every page is served via a distributed architecture for fast, globally distributed delivery."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/cosmic/cosmic-agency-website", outlined: false, icon: "ai ai-azion", iconPos: "left" }
  ]}
>
  <Fragment slot="content">
    <div style="flex: 1; min-width: 300px;">
      | Item | Details |
      |:----------|:------|
      | Repository | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/nextjs/cosmic-agency) |
      | Framework | [Next.js](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/nextjs/) |
      | Use Case | General |
    </div>
    <div style="display: flex; justify-content: center; align-items: center; flex: 1;">
      <img src="/assets/docs/images/uploads/template-showcase/nextjs/cosmic-agency.png" width="400" alt="Cosmic agency" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## About this template

This template is an agency and portfolio website built with [Next.js](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/nextjs/), the popular React framework for production-grade web apps, and powered by the Cosmic headless CMS. It ships with ready-made pages for services, case studies, and team members, so marketing teams can update copy and imagery from Cosmic without redeploying. Running on Azion, the site is delivered via a distributed architecture for low-latency loads anywhere in the world.

## Key features

- Pre-designed service, portfolio, and contact sections tailored for agencies and studios
- Content managed through the Cosmic headless CMS, decoupled from the frontend
- Responsive Next.js layout optimized for performance and SEO
- One-click deployment to Azion's globally distributed global network

For more information about deploying this template visit the [template guide](/en/documentation/products/guides/cosmic-agency-website/).