Static Exports

Export your pages statically, and deploy with Nginx , GitHub Pages and more.

Getting Started

Configuration

next.config.mjs


import nextra from 'nextra'
 
/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
  output: 'export',
  images: {
    unoptimized: true // mandatory, otherwise won't export
  }
  // Optional: Change the output directory `out` -> `dist`
  // distDir: "build"
}
const withNextra = nextra({
  // ... other Nextra config options
})
 
export default withNextra(nextConfig)

Building

Run the build command according to your package manager:


npm run build


pnpm run build


yarn build


bun run build

By default, static export will be stored in out directory in the root of your project.

For more in detail documentation for static export visit Next.js docs .