next.config.js

/** @type {import('next').NextConfig} */

// Testing Buzzer Mode means real phones on the same Wi-Fi hitting the dev
// server by LAN IP, not localhost. Next dev refuses cross-origin /_next/*
// requests unless the origin is listed here (a warning today, an error in a
// future major version).
//
// Add your machine's LAN IP via .env.local rather than editing this file:
//   DEV_ORIGINS=10.107.0.98,192.168.1.42
// Hostnames only, no scheme and no port. Dev-only; production builds ignore it.
const devOrigins = [
  "127.0.0.1",
  "localhost",
  ...(process.env.DEV_ORIGINS ?? "")
    .split(",")
    .map((o) => o.trim())
    .filter(Boolean),
];

const nextConfig = {
  reactStrictMode: true,
  // The quiz used to be a mode of the form at `/`, reached by `?mode=quiz`
  // from the content pages and `?ref=quiz_result` from the loop. Both live on
  // in old chats, and `app/page.tsx` still redirects them from a mount effect
  // as a fallback — but that fallback costs a full load of `/` first. These
  // run in Vercel's routing layer before any HTML is served. The incoming
  // query is carried over, so `?ref=quiz_result` reaches `/quiz` intact.
  async redirects() {
    return [
      {
        source: "/",
        has: [{ type: "query", key: "mode", value: "quiz" }],
        destination: "/quiz",
        permanent: false,
      },
      {
        source: "/",
        has: [{ type: "query", key: "ref", value: "quiz_result" }],
        destination: "/quiz",
        permanent: false,
      },
    ];
  },
  allowedDevOrigins: devOrigins,
  // Pin the workspace root to this directory. Next otherwise walks up looking
  // for lockfiles and, on a machine with a stray ~/package-lock.json, picks
  // the home directory as the root — a warning on every build and a wrong
  // file-tracing base for the standalone output. Vercel builds are unaffected
  // either way; this just makes local builds say the same thing.
  outputFileTracingRoot: __dirname,
  images: {
    remotePatterns: [
      { protocol: "https", hostname: "i.scdn.co" },
      { protocol: "https", hostname: "mosaic.scdn.co" },
    ],
  },
};

module.exports = nextConfig;