# Next.js Static Boilerplate

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

<SectionBasicContent
  description="The Next.js Static Boilerplate is a minimal Next.js 14 starter configured for static export. It streamlines and automates the deployment of statically generated sites directly to the edge, so you can skip boilerplate setup and focus on building your interface. Running on Azion, the prebuilt assets are served via a distributed architecture for fast, globally distributed delivery."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/nextjs/next-static-boilerplate", outlined: false, icon: "ai ai-azion", iconPos: "left" },
    { label: "View demo", link: "https://rp6i0af0n3.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/nextjs/nextjs-static-boilerplate-14) |
      | 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/nexjs-static-boilerplate.png" width="400" alt="Next.js static boilerplate" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## About this template

This boilerplate is a clean starting point built on [Next.js](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/nextjs/) 14, the popular React framework for production-grade web apps, set up to produce a fully static build. Instead of wiring up the export configuration yourself, you get a project that compiles to static HTML, CSS, and JavaScript ready to ship. Deployed on Azion, those assets are distributed across the global network for fast, reliable loads anywhere.

## Key features

- Next.js 14 preconfigured for static export (SSG)
- Outputs plain HTML, CSS, and JavaScript with no server required
- Automated build and deploy workflow targeting the edge
- Lightweight foundation that is easy to extend for any UI or web app

For more information about deploying this template visit the [template guide](/en/documentation/products/guides/nextjs-static-boilerplate/).