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.

Configure your routes and API endpoints

// *.(t|j)s
 export const runtime = 'edge';

export default function handler(
   req: NextApiRequest,
   res: NextApiResponse<{ name: string; }>
) {
   res.status(200).json({ name: "John Doe" });
}

// *.(t|j)sx
 export const runtime = 'experimental-edge';

export default function Page() {
   return <h1>Hallo Welt!</h1>;
}

Configure “next/image”
next.config.js
```
...
images: {
  ...
  unoptimized: true
}
```
Build your application with @cloudflare/next-on-pages
Terminal window
```
 npx @cloudflare/next-on-pages
```
Deploy and Forget.
Terminal window
```
 zugriff deploy
```