edge prerendering on Cloudflare ⚡

- deleted `not-found.tsx` per cloudflare/next-on-pages#413 and cloudflare/next-on-pages#174
- added `export const runtime = 'edge';` to all `layout.tsx` files

app/context/layout.tsx

@@ -5,6 +5,8 @@ import { CounterProvider } from 'app/context/counter-context';
 import React from 'react';
 import ContextClickCounter from './context-click-counter';
 
+export const runtime = 'edge';
+
 const title = 'Client Context';
 
 export const metadata = {

app/error-handling/layout.tsx

@@ -3,6 +3,8 @@ import { ClickCounter } from '#/ui/click-counter';
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Error Handling';
 
 export const metadata = {

app/hooks/layout.tsx

@@ -4,6 +4,8 @@ import { ClickCounter } from '#/ui/click-counter';
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Hooks';
 
 export const metadata = {

app/isr/layout.tsx

@@ -1,6 +1,8 @@
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Incremental Static Regeneration (ISR)';
 
 export const metadata = {

app/layout.tsx

@@ -4,6 +4,8 @@ import Byline from '#/ui/byline';
 import { GlobalNav } from '#/ui/global-nav';
 import { Metadata } from 'next';
 
+export const runtime = 'edge';
+
 export const metadata: Metadata = {
   title: {
     default: 'Next.js App Router',

app/layouts/layout.tsx

@@ -3,6 +3,8 @@ import { ClickCounter } from '#/ui/click-counter';
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Nested Layouts';
 
 export const metadata = {

app/loading/layout.tsx

@@ -4,6 +4,8 @@ import { TabGroup } from '#/ui/tab-group';
 import { notFound } from 'next/navigation';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Loading';
 
 export const metadata = {

app/not-found/layout.tsx

@@ -3,6 +3,8 @@ import { ClickCounter } from '#/ui/click-counter';
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Not Found';
 
 export const metadata = {

app/parallel-routes/layout.tsx

@@ -1,3 +1,5 @@
+export const runtime = 'edge';
+
 const title = 'Parallel Routes';
 
 export const metadata = {

app/route-groups/layout.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Route Groups';
 
 export const metadata = {

app/snippets/layout.tsx

@@ -1,3 +1,5 @@
+export const runtime = 'edge';
+
 const title = 'Snippets';
 
 export const metadata = {

app/ssg/layout.tsx

@@ -2,6 +2,8 @@ import { Tab } from '#/ui/tab';
 import React from 'react';
 import { RandomPostTab } from './random-post-tab';
 
+export const runtime = 'edge';
+
 const title = 'Static Data';
 
 export const metadata = {

app/ssr/layout.tsx

@@ -1,6 +1,8 @@
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Dynamic Data';
 
 export const metadata = {

app/streaming/layout.tsx

@@ -1,6 +1,8 @@
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Streaming';
 
 export const metadata = {

app/styling/layout.tsx

@@ -1,6 +1,8 @@
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Styling';
 
 export const metadata = {

package.json

@@ -32,6 +32,7 @@
     "vercel": "30.2.1"
   },
   "devDependencies": {
+    "@cloudflare/next-on-pages": "1.8.5",
     "@tailwindcss/forms": "0.5.3",
     "@tailwindcss/typography": "0.5.9",
     "@types/ms": "0.7.31",