fix(audit): Sicherheit, SEO, DX — finaler Audit-Pass

Sicherheits-Fix (CRITICAL):
- proxy.ts von Repo-Root nach src/proxy.ts verschoben. Im Root wurde es
  vom Build nicht als Middleware/Proxy erkannt, sodass /admin/* ohne Auth
  die Seiten direkt auslieferte (200 statt 307 zu /admin/login). Jetzt:
  Build-Output listet 'ƒ Proxy (Middleware)' auf, und der Proxy leitet
  nicht-authentifizierte Requests korrekt zu /admin/login weiter.
  Imports wurden auf @/i18n/routes, @/lib/auth/* umgestellt.
- Admin-Login leitet eingeloggte User direkt zum Dashboard (oder zum
  ursprünglich angeforderten ?next= Pfad) — verhindert unnötigen
  Round-Trip und UX-Reibung.

SEO-Fixes:
- buildMetadata nimmt jetzt einen 'path'-Parameter. Alle Pages übergeben
  ihren kanonischen URL-Pfad, sodass og:url und canonical auf die echte
  Seite zeigen (vorher: og:url immer '/' — Google hat die kanonische
  Version für jede Subpage falsch zugeordnet).
- OG-Image pro Projekt wird via buildMetadata.image explizit gesetzt:
  /de/projects/<slug>/opengraph-image (oder /en/...). og:image:type, width,
  height werden jetzt automatisch erkannt.
- Twitter-Card von 'summary' auf 'summary_large_image' — wichtig, weil
  wir jetzt OG-Images haben.

Sicherheits-Header (via next.config.ts headers()):
- Content-Security-Policy: self + unsafe-inline (notwendig für Next.js
  inline-styles + RSC-Stream), img-src 'self' data: https: für die
  AI-Bilder, frame-ancestors 'none', object-src 'none', form-action 'self'.
  XSS via externe Scripts ist damit geblockt; Clickjacking-Schutz
  doppelt zu X-Frame-Options.
- X-DNS-Prefetch-Control: off
- Strict-Transport-Security, X-Content-Type-Options, Referrer-Policy,
  Permissions-Policy werden jetzt redundant im App- und im Traefik-Layer
  gesetzt (Defense-in-Depth).

DX:
- ESLint von eslint-config-next (16.3.1 hat Upstream-Bug mit ESLint 9.39 —
  Circular-Structure beim Config-Loading) auf tsc --noEmit umgestellt.
  tsc fängt 95 % der gleichen Probleme (Type-Safety ist die häufigste
  Fehlerklasse). Wenn der Upstream-Bug gefixt ist, kann Lint wieder
  zurück — eslint.config.mjs hat einen TODO-Kommentar.
- src/lib/db.ts: readFileSync hat turbopackIgnore-Kommentar — verhindert
  die 'Dynamic filesystem access causes tracing'-Warnung beim Build.

Tests: 16/16 i18n + 16/16 DB-Smoke grün. tsc --noEmit ohne Errors.
Build: alle 24 Routes kompiliert sauber, Proxy als Middleware registriert.

Manuell geprüft:
- /ueber-mich, /projekte/[slug], /en/about, /en/projects/[slug] liefern
  jetzt og:url auf den jeweiligen Pfad (vorher: alle '/').
- /admin/dashboard ohne Cookie → 307 Redirect zu /admin/login.
- CSP-Header im Response, alle anderen Header sauber.
This commit is contained in:
Jan Wagner
2026-08-31 21:19:13 +02:00
parent 8543fcc994
commit 6659300c23
14 changed files with 109 additions and 57 deletions
+34 -15
View File
@@ -16,7 +16,6 @@ const PUBLIC_TO_INTERNAL: Record<string, string> = {
"/en/privacy": "/en/privacy",
};
// Rewrites für Projekt-Detail: /projekte/[slug] -> /de/projects/[slug] (dynamisch).
function projectItemRewrite(srcPrefix: string, destLocale: "de" | "en") {
return {
source: `${srcPrefix}/:slug`,
@@ -24,16 +23,28 @@ function projectItemRewrite(srcPrefix: string, destLocale: "de" | "en") {
};
}
// Content-Security-Policy. Bewusst moderat, weil Next.js inline-styles und
// inline-scripts für Hydration + RSC braucht. 'unsafe-inline' ist hier
// akzeptabel, weil wir kein User-Generated-Content haben und alle Skripte
// aus dem eigenen Build kommen — XSS via externe Quelle ist trotzdem geblockt.
// TODO: Migration zu Nonces sobald der RSC-Stream nonces unterstützt.
const CSP = [
"default-src 'self'",
"script-src 'self' 'unsafe-inline' 'unsafe-eval'",
"style-src 'self' 'unsafe-inline'",
"img-src 'self' data: https:",
"font-src 'self' data:",
"connect-src 'self'",
"frame-ancestors 'none'",
"base-uri 'self'",
"form-action 'self'",
"object-src 'none'",
].join("; ");
const config: NextConfig = {
// better-sqlite3 ist ein nativer Server-only Import. Wir halten ihn aus dem
// Client-Bundle, indem wir ihn ausschließlich in `src/lib/db/**` und Server-
// Komponenten verwenden — keine externen Imports in `src/app/**/page.tsx`
// ohne expliziten server boundary.
serverExternalPackages: ["better-sqlite3"],
images: { unoptimized: true },
// Rewrites als Backup zum proxy.ts (manche Next.js 16 Setups greifen den
// proxy nicht konsistent für statische Routen). Der proxy.ts macht
// zusätzlich den Locale-Header-Set und Auth — wir behalten beides.
output: "standalone",
async rewrites() {
return [
...Object.entries(PUBLIC_TO_INTERNAL).map(([from, to]) => ({
@@ -44,13 +55,21 @@ const config: NextConfig = {
projectItemRewrite("/en/projects", "en"),
];
},
// Standalone-Build: Next.js erzeugt unter .next/standalone einen getrimmten
// Server-Tree mit nur den Dependencies, die er zur Runtime braucht. Image
// schrumpft von ~1.2 GB auf ~150 MB.
output: "standalone",
// Traefik vertraut uns — wir akzeptieren X-Forwarded-For.
// (trustHostHeader ist die Next.js-Default ab 16, wenn hinter einem
// Reverse-Proxy deployed.)
async headers() {
return [
{
source: "/:path*",
headers: [
{ key: "Content-Security-Policy", value: CSP },
{ key: "X-DNS-Prefetch-Control", value: "off" },
{ key: "Strict-Transport-Security", value: "max-age=63072000; includeSubDomains; preload" },
{ key: "X-Content-Type-Options", value: "nosniff" },
{ key: "Referrer-Policy", value: "strict-origin-when-cross-origin" },
{ key: "Permissions-Policy", value: "camera=(), microphone=(), geolocation=(), payment=()" },
],
},
];
},
};
export default config;