Zerops x Next.js - Static

Next.js is a React framework for fast, dynamic full-stack web apps with both server-side rendering and static site generation. Zerops makes deploying and running Next.js apps, both server side rendered and static, a breeze.

This recipe showcases the SSG Static version, see zeropsio/recipe-nextjs-nodejs for the Node.js version.

Deploy to Zerops

You can either click the deploy button to deploy directly on Zerops, or manually copy the import yaml to the import dialog in the Zerops app.

Recipe features

• Latest version of Next.js 14+ with SSG running on a load balanced Zerops Static service.

Production vs. development

This recipe is ready for production as is, and will scale horizontally by adding more containers in case of high traffic surges. If you want to achieve the highest baseline reliability and resiliace, start with at least two containers (add minContainers: 2 in recipe YAML in the app service section, or change the minimum containers in "Automatic Scaling configuration" section of service detail).

Changes made over the default installation

If you want to modify your existing Next.js app to efficiently run on Zerops, Follow this step:

1. Go to next.config.mjs and add output: 'export' to nextConfig.

/** @type {import('next').NextConfig} */
const nextConfig = {
    output: 'export',
};

export default nextConfig;

Now, there are no changes needed in the codebase on top of the standard installation, just add zerops.yml to your repository.

Need help setting your project up? Join Zerops Discord community.