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,9 +5,12 @@ 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 = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/error-handling/layout.tsx

@@ -3,9 +3,12 @@ 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 = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/hooks/layout.tsx

@@ -4,9 +4,12 @@ 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 = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/isr/layout.tsx

@@ -1,9 +1,12 @@
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Incremental Static Regeneration (ISR)';
 
 export const metadata = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/layout.tsx

@@ -4,18 +4,21 @@ import Byline from '#/ui/byline';
 import { GlobalNav } from '#/ui/global-nav';
 import { Metadata } from 'next';
 
+export const runtime = 'edge';
+
 export const metadata: Metadata = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title: {
-    default: 'Next.js App Router',
-    template: '%s | Next.js App Router',
+    default: 'Next.js App Router on Cloudflare Pages',
+    template: '%s | Next.js App Router on Cloudflare Pages',
   },
   description:
     'A playground to explore new Next.js App Router features such as nested layouts, instant loading states, streaming, and component level data fetching.',
   openGraph: {
-    title: 'Next.js App Router Playground',
+    title: 'Next.js App Router Playground on Cloudflare Pages',
     description:
       'A playground to explore new Next.js App Router features such as nested layouts, instant loading states, streaming, and component level data fetching.',
-    images: [`/api/og?title=Next.js App Router`],
+    images: [`/api/og?title=Next.js App Router on Cloudflare Pages`],
   },
   twitter: {
     card: 'summary_large_image',

app/layouts/layout.tsx

@@ -3,9 +3,12 @@ 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 = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/loading/layout.tsx

@@ -4,9 +4,12 @@ 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 = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/not-found/layout.tsx

@@ -3,9 +3,12 @@ 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 = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/parallel-routes/layout.tsx

@@ -1,6 +1,9 @@
+export const runtime = 'edge';
+
 const title = 'Parallel Routes';
 
 export const metadata = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/route-groups/layout.tsx

@@ -1,8 +1,11 @@
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Route Groups';
 
 export const metadata = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/snippets/layout.tsx

@@ -1,6 +1,9 @@
+export const runtime = 'edge';
+
 const title = 'Snippets';
 
 export const metadata = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/ssg/layout.tsx

@@ -2,9 +2,12 @@ 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 = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/ssr/layout.tsx

@@ -1,9 +1,12 @@
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Dynamic Data';
 
 export const metadata = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/streaming/layout.tsx

@@ -1,9 +1,12 @@
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Streaming';
 
 export const metadata = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

app/styling/layout.tsx

@@ -1,9 +1,12 @@
 import { TabGroup } from '#/ui/tab-group';
 import React from 'react';
 
+export const runtime = 'edge';
+
 const title = 'Styling';
 
 export const metadata = {
+  metadataBase: new URL('https://app-playground-on.pages.dev'),
   title,
   openGraph: {
     title,

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",