refactor(dashboard): move tabs to route segments (#317)

Author: ben-fornefeld

bun.lock

@@ -1,6 +1,21 @@
 // NOTE: related to src/configs/rewrites.ts
+import path from 'node:path'
+
 export const DOCUMENTATION_DOMAIN = 'e2b.mintlify.app'
 
+const browserStub = (file) => path.resolve(process.cwd(), 'stubs', file)
+
+const browserNodeModuleStubs = {
+  crypto: browserStub('crypto.ts'),
+  fs: browserStub('fs.ts'),
+  'fs/promises': browserStub('fs-promises.ts'),
+  path: browserStub('path.ts'),
+  'node:crypto': browserStub('crypto.ts'),
+  'node:fs': browserStub('fs.ts'),
+  'node:fs/promises': browserStub('fs-promises.ts'),
+  'node:path': browserStub('path.ts'),
+}
+
 /** @type {import('next').NextConfig} */
 const config = {
   reactStrictMode: true,
@@ -15,14 +30,32 @@ const config = {
   },
   turbopack: {
     resolveAlias: {
-      // Stub Node.js modules for browser builds
-      // e2b package bundles these packages. when dealing with browser chunks,
-      // we need to stub these packages for builds.
+      crypto: { browser: './stubs/crypto.ts' },
       fs: { browser: './stubs/fs.ts' },
+      'fs/promises': { browser: './stubs/fs-promises.ts' },
+      path: { browser: './stubs/path.ts' },
+      'node:crypto': { browser: './stubs/crypto.ts' },
       'node:fs': { browser: './stubs/fs.ts' },
       'node:fs/promises': { browser: './stubs/fs-promises.ts' },
+      'node:path': { browser: './stubs/path.ts' },
     },
   },
+  webpack: (webpackConfig, { isServer, webpack }) => {
+    if (!isServer) {
+      webpackConfig.resolve.alias = {
+        ...webpackConfig.resolve.alias,
+        ...browserNodeModuleStubs,
+      }
+
+      webpackConfig.plugins.push(
+        new webpack.NormalModuleReplacementPlugin(/^node:/, (resource) => {
+          resource.request = resource.request.replace(/^node:/, '')
+        })
+      )
+    }
+
+    return webpackConfig
+  },
   logging: {
     fetches: {
       fullUrl: true,

next.config.mjs

@@ -4,10 +4,10 @@
   "private": true,
   "scripts": {
     "<<<<<<< Next.js": "",
-    "dev": "bun scripts:check-app-env && next dev --turbopack | pino-pretty --colorize",
-    "build": "next build --turbopack",
+    "dev": "bun scripts:check-app-env && next dev | pino-pretty --colorize",
+    "build": "next build --webpack",
     "start": "next start | pino-pretty --colorize",
-    "preview": "next build --turbopack && next start | pino-pretty --colorize",
+    "preview": "next build --webpack && next start | pino-pretty --colorize",
     "lint": "biome lint .",
     "lint:fix": "biome lint --write .",
     "format": "biome check --write --linter-enabled=false --assist-enabled=true . --max-diagnostics none",
@@ -54,7 +54,7 @@
     "@hookform/resolvers": "^5.2.2",
     "@marsidev/react-turnstile": "^1.4.1",
     "@next-safe-action/adapter-react-hook-form": "^2.0.0",
-    "@next/env": "16.1.5",
+    "@next/env": "^16.2.6",
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/auto-instrumentations-node": "^0.62.1",
     "@opentelemetry/exporter-logs-otlp-http": "^0.203.0",
@@ -114,7 +114,7 @@
     "micromatch": "^4.0.8",
     "motion": "^12.23.25",
     "nanoid": "^5.0.9",
-    "next": "16.1.5",
+    "next": "^16.2.6",
     "next-safe-action": "^8.0.11",
     "next-themes": "^0.4.6",
     "nuqs": "^2.7.0",

package.json

@@ -0,0 +1,13 @@
+'use client'
+
+import { DashboardRouteError } from '@/features/dashboard/shared/route-error'
+
+export default function AccountPageError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  return <DashboardRouteError error={error} reset={reset} />
+}

src/app/dashboard/[teamSlug]/account/error.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { DashboardRouteError } from '@/features/dashboard/shared/route-error'
+
+export default function BillingPageError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  return <DashboardRouteError error={error} reset={reset} />
+}

src/app/dashboard/[teamSlug]/billing/error.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { DashboardRouteError } from '@/features/dashboard/shared/route-error'
+
+export default function BillingPlanPageError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  return <DashboardRouteError error={error} reset={reset} />
+}

src/app/dashboard/[teamSlug]/billing/plan/error.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { DashboardRouteError } from '@/features/dashboard/shared/route-error'
+
+export default function BillingPlanSelectPageError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  return <DashboardRouteError error={error} reset={reset} />
+}

src/app/dashboard/[teamSlug]/billing/plan/select/error.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { DashboardRouteError } from '@/features/dashboard/shared/route-error'
+
+export default function TeamDashboardError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  return <DashboardRouteError error={error} reset={reset} />
+}

src/app/dashboard/[teamSlug]/error.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { DashboardRouteError } from '@/features/dashboard/shared/route-error'
+
+export default function GeneralPageError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  return <DashboardRouteError error={error} reset={reset} />
+}

src/app/dashboard/[teamSlug]/general/error.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { DashboardRouteError } from '@/features/dashboard/shared/route-error'
+
+export default function KeysPageError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  return <DashboardRouteError error={error} reset={reset} />
+}