fix(webapp): resolve static page generation build errors

HMarzban · HMarzban · commit 3ec592934aac · 2026-01-30T13:24:05.000+03:30
- Add outputFileTracingRoot to fix monorepo lockfile detection
- Add getServerSideProps to design-system pages (dev-only)
- Add getServerSideProps to unsubscribe page (uses useRouter)
- Prevents &lt;Html&gt; import errors during static page prerendering
diff --git a/packages/webapp/next.config.js b/packages/webapp/next.config.js
@@ -18,6 +18,9 @@ module.exports = withPWA({
   // Production build optimization - standalone output for Docker
   output: 'standalone',
 
+  // Fix for monorepo with multiple lockfiles
+  outputFileTracingRoot: path.join(__dirname, '../../'),
+
   // Dev mode optimizations (faster compilation, especially in Docker)
   ...(process.env.NODE_ENV === 'development' && {
     // Skip type checking during dev (Next.js handles it separately)
diff --git a/packages/webapp/src/pages/design-system-docs.tsx b/packages/webapp/src/pages/design-system-docs.tsx
@@ -10,5 +10,11 @@
  */
 
 import { DesignSystemDocsPage } from '@components/pages/design-system-docs'
+import type { GetServerSideProps } from 'next'
+
+// Disable static generation - this is a dev-only page
+export const getServerSideProps: GetServerSideProps = async () => {
+  return { props: {} }
+}
 
 export default DesignSystemDocsPage
diff --git a/packages/webapp/src/pages/design-system.tsx b/packages/webapp/src/pages/design-system.tsx
@@ -9,5 +9,11 @@
  */
 
 import { DesignSystemPage } from '@components/pages/design-system'
+import type { GetServerSideProps } from 'next'
+
+// Disable static generation - this is a dev-only page
+export const getServerSideProps: GetServerSideProps = async () => {
+  return { props: {} }
+}
 
 export default DesignSystemPage
diff --git a/packages/webapp/src/pages/unsubscribe.tsx b/packages/webapp/src/pages/unsubscribe.tsx
@@ -10,11 +10,17 @@
  * 3. Shows confirmation with options to manage preferences
  */
 
+import type { GetServerSideProps } from 'next'
 import Head from 'next/head'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 
+// Disable static generation - this page uses useRouter
+export const getServerSideProps: GetServerSideProps = async () => {
+  return { props: {} }
+}
+
 interface UnsubscribeResult {
   success: boolean
   action?: string
