UPDATE (MIGRATION) frontend to Next.js and update wallet integration (#18)

UPDATE (MIGRATION) frontend to Next.js and update wallet integration

Author: ParleSec

.dockerignore

@@ -10,8 +10,12 @@
 **/.astro
 
 # Build outputs
+**/.next
 **/dist
 **/build
+**/.next
+**/*.tsbuildinfo
+**/.dccache
 **/*.exe
 **/*.exe~
 **/*.dll

.github/workflows/ci-cd.yml

@@ -33,7 +33,9 @@ jobs:
         with:
           node-version: ${{ env.NODE_VERSION }}
           cache: 'npm'
-          cache-dependency-path: frontend/package-lock.json
+          cache-dependency-path: |
+            frontend/package-lock.json
+            wallet-ui/package-lock.json
       
       - name: Install dependencies
         working-directory: frontend
@@ -355,8 +357,10 @@ jobs:
           CI: true
 
       - name: Build wallet frontend bundle
-        working-directory: frontend
-        run: npm run build:wallet
+        working-directory: wallet-ui
+        run: |
+          npm ci
+          npm run build
         env:
           CI: true
 

.github/workflows/ghcr-publish.yml

@@ -79,7 +79,7 @@ jobs:
             dockerfile: docker/Dockerfile.frontend
             context: .
             build_args: ""
-            description: React UI for ProtocolSoup
+            description: Next.js App Router UI for ProtocolSoup
           - name: wallet
             image: protocolsoup-wallet
             dockerfile: docker/Dockerfile.wallet-harness

.gitignore

@@ -6,6 +6,10 @@ vendor/
 dist/
 build/
 .astro/
+.next/
+**/.next/
+*.tsbuildinfo
+**/.dccache
 *.exe
 *.exe~
 *.dll

README.md

@@ -272,7 +272,7 @@ ProtocolSoup/
 |------------|---------|---------|
 | React | 18.3 | UI framework |
 | TypeScript | 5.6 | Type safety |
-| Vite | 7.3 | Build tool |
+| Next.js | 16.x | SSR/SSG app framework (App Router) |
 | Tailwind CSS | 3.4 | Styling |
 | Framer Motion | 11.5 | Animations |
 | Zustand | 4.5 | State management |
@@ -340,6 +340,7 @@ npm run dev
 |----------|---------|-------------|
 | `SHOWCASE_LISTEN_ADDR` | `:8080` | Server listen address |
 | `SHOWCASE_BASE_URL` | `http://localhost:8080` | Public base URL |
+| `SHOWCASE_FRONTEND_ORIGIN` | (empty) | Optional Next.js runtime origin for backend web-route proxying |
 | `SHOWCASE_CORS_ORIGINS` | `http://localhost:3000,http://localhost:5173` | Allowed CORS origins |
 | `SHOWCASE_SPIFFE_ENABLED` | `false` | Enable SPIFFE integration |
 | `SHOWCASE_SPIFFE_SOCKET_PATH` | `unix:///run/spire/sockets/agent.sock` | Workload API socket |
@@ -383,7 +384,7 @@ This starts:
 - **Federation** - OAuth 2.0, OIDC, SAML
 - **SCIM** - User and group provisioning
 - **SSF** - Shared Signals Framework
-- **Frontend** - React UI at `http://localhost:3000`
+- **Frontend** - Next.js App Router UI at `http://localhost:3000`
 - **Gateway API** - Available at `http://localhost:8080`
 
 ### SPIFFE/SPIRE Overlay
@@ -456,7 +457,7 @@ Pre-built container images are available from GitHub Container Registry. Use the
 | `ghcr.io/parlesec/protocolsoup-scim` | SCIM 2.0 provisioning | [scim.md](docs/packages/scim.md) |
 | `ghcr.io/parlesec/protocolsoup-ssf` | Shared Signals Framework | [ssf.md](docs/packages/ssf.md) |
 | `ghcr.io/parlesec/protocolsoup-spiffe` | SPIFFE workload identity | [spiffe.md](docs/packages/spiffe.md) |
-| `ghcr.io/parlesec/protocolsoup-frontend` | React frontend UI | [frontend.md](docs/packages/frontend.md) |
+| `ghcr.io/parlesec/protocolsoup-frontend` | Next.js App Router frontend UI | [frontend.md](docs/packages/frontend.md) |
 | `ghcr.io/parlesec/protocolsoup-vc` | OID4VCI + OID4VP verifiable credentials APIs | [vc.md](docs/packages/vc.md) |
 | `ghcr.io/parlesec/protocolsoup-wallet` | OID4VP wallet harness | [wallet.md](docs/packages/wallet.md) |
 | `ghcr.io/parlesec/protocolsoup-spire-server` | SPIRE Server (CA) | [spire-server.md](docs/packages/spire-server.md) |

backend/cmd/server/main.go

@@ -12,9 +12,9 @@ import (
 	"github.com/ParleSec/ProtocolSoup/internal/core"
 	"github.com/ParleSec/ProtocolSoup/internal/plugin"
 	"github.com/ParleSec/ProtocolSoup/internal/protocols/oauth2"
-	"github.com/ParleSec/ProtocolSoup/internal/protocols/oidc"
 	"github.com/ParleSec/ProtocolSoup/internal/protocols/oid4vci"
 	"github.com/ParleSec/ProtocolSoup/internal/protocols/oid4vp"
+	"github.com/ParleSec/ProtocolSoup/internal/protocols/oidc"
 	"github.com/ParleSec/ProtocolSoup/internal/protocols/saml"
 	"github.com/ParleSec/ProtocolSoup/internal/protocols/scim"
 	"github.com/ParleSec/ProtocolSoup/internal/protocols/spiffe"