build: prepare for cloudflare deployment

.github/workflows/publish.yml

@@ -31,7 +31,7 @@ jobs:
             directory: ./dist/angular-spa/browser
           - workingDirectory: ./examples/nextjs-app
             projectName: cerberauth-nextjs-app-oidc
-            directory: ./
+            directory: ./.vercel/output/static
 
     permissions:
       contents: read
@@ -52,7 +52,7 @@ jobs:
         run: npm ci
 
       - name: Run build
-        run: npm run build
+        run: npm run pages:build
 
       - name: Publish
         uses: cloudflare/pages-action@1

README.md

@@ -1,10 +1,13 @@
 # OpenID Connect Examples / Demo
 
-This repository contains a collection of OpenID Connect examples.
+This repository contains a collection of OpenID Connect examples. Check out the examples below to see how to integrate OpenID Connect with your application.
+
+You can use the examples as a starting point for your own project or as a reference to understand how OpenID Connect works.
 
 ## Examples
 
 - [Angular SPA](./examples/angular-spa/README.md)
+- [Next.js SPA](./examples/nextjs-spa/README.md)
 - [React SPA](./examples/react-spa/README.md)
 
 ## License

examples/angular-spa/package.json

@@ -5,6 +5,7 @@
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build",
+    "pages:build": "ng build --configuration production",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"
   },

examples/nextjs-app/next.config.mjs

@@ -1,3 +1,12 @@
+import { setupDevPlatform } from '@cloudflare/next-on-pages/next-dev'
+
+// Here we use the @cloudflare/next-on-pages next-dev module to allow us to use bindings during local development
+// (when running the application with `next dev`), for more information see:
+// https://github.com/cloudflare/next-on-pages/blob/5712c57ea7/internal-packages/next-dev/README.md
+if (process.env.NODE_ENV === 'development') {
+  await setupDevPlatform()
+}
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: process.env.NEXT_BUILD_OUTPUT,