Get rid of next.js custom server

packages/toolpad-app/package.json

@@ -4,15 +4,15 @@
   "license": "MIT",
   "scripts": {
     "build": "yarn prisma generate && concurrently \"yarn:build:*\" && rimraf ./.next/cache",
-    "start": "yarn waitForDb && yarn prisma migrate deploy && NODE_ENV=production node ./server.js",
+    "start": "yarn waitForDb && yarn prisma migrate deploy && next start",
     "dev": "yarn prisma generate && yarn waitForDb && yarn prisma db push --skip-generate && concurrently \"yarn:dev:*\"",
     "lint": "next lint && prettier --check .",
     "fix": "next lint --fix && prettier --write .",
     "prisma": "prisma",
     "build:next": "next build",
     "build:react-devtools": "rimraf ./public/reactDevtools && esbuild ./reactDevtools/bootstrap.ts --target=es6 --bundle --outdir=./public/reactDevtools",
     "build:typings": "ts-node ./scripts/typings.ts",
-    "dev:next": "node ./server.js",
+    "dev:next": "next dev",
     "dev:react-devtools": "yarn build:react-devtools --watch",
     "dev:typings": "yarn build:typings",
     "dev:prisma": "prisma generate --watch",

packages/toolpad-app/pages/_middleware.ts

@@ -0,0 +1,30 @@
+import { NextRequest, NextResponse } from 'next/server';
+import config from '../src/server/config';
+
+const BASIC_AUTH_WHITELIST = new Set(['/health-check']);
+
+export function middleware(req: NextRequest) {
+  const { pathname } = new URL(req.url);
+
+  if (!config.basicAuthUser || BASIC_AUTH_WHITELIST.has(pathname)) {
+    return NextResponse.next();
+  }
+
+  const basicAuth = req.headers.get('authorization');
+
+  if (basicAuth) {
+    const auth = basicAuth.split(' ')[1];
+    const [user, pwd] = Buffer.from(auth, 'base64').toString().split(':');
+
+    if (user === config.basicAuthUser && pwd === config.basicAuthPassword) {
+      return NextResponse.next();
+    }
+  }
+
+  return new Response(null, {
+    status: 401,
+    headers: {
+      'WWW-Authenticate': 'Basic realm="Secure Area"',
+    },
+  });
+}