Next.js

After developing your application and configuring your routes to run on the edge runtime, you can use @cloudflare/next-on-pages to build your application for both Cloudflare Pages and zugriff.

1. Configure your routes and API endpoints

   // page|endpoint.tsx|ts
    export const runtime = 'edge';
   
   export default function Page() {
     return (...);
   }

2. (Optional) Configure “next/image”

   next.config.js

   ...
   images: {
     ...
     unoptimized: true
   }

3. Build your application with @cloudflare/next-on-pages

    npx @cloudflare/next-on-pages

4. Deploy and Forget.

    zugriff deploy