drivly · devin-ai-integration · May 13, 2025 · May 13, 2025 · May 13, 2025 · May 13, 2025
diff --git a/examples/minimal/.gitignore b/examples/minimal/.gitignore
@@ -0,0 +1 @@
+.vercel
diff --git a/examples/minimal/app/layout.js b/examples/minimal/app/layout.js
@@ -0,0 +1,12 @@
+export const metadata = {
+  title: 'MDX Minimal Example',
+  description: 'A minimal example of using the mdxe package',
+};
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/examples/minimal/app/page.js b/examples/minimal/app/page.js
@@ -0,0 +1,10 @@
+import React from 'react';
+
+export default function Home() {
+  return (
+    <div>
+      <h1>MDX Minimal Example</h1>
+      <p>This is a minimal example of using the mdxe package.</p>
+    </div>
+  );
+}
diff --git a/examples/minimal/index.html b/examples/minimal/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>MDX Minimal Example</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+      max-width: 800px;
+      margin: 0 auto;
+      padding: 2rem;
+      line-height: 1.6;
+    }
+    h1 {
+      color: #0070f3;
+    }
+    a {
+      color: #0070f3;
+      text-decoration: none;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+  </style>
+</head>
+<body>
+  <h1>MDX Minimal Example</h1>
+  <p>This is a minimal example of using the mdxe package.</p>
+  <p>The application works correctly in local environments but was experiencing 404 errors when deployed to Vercel.</p>
+  <p>This static page is a temporary solution while we resolve the Vercel deployment configuration issues.</p>
+  <p>To run the full application locally:</p>
+  <pre>
+    <code>
+    # Development mode
+    pnpm dev
+
+    # Production build
+    pnpm build
+    pnpm start
+    </code>
+  </pre>
+</body>
+</html>
diff --git a/examples/minimal/next.config.js b/examples/minimal/next.config.js
@@ -0,0 +1,12 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  distDir: '.next',
+  output: 'standalone',
+  transpilePackages: ['mdxe'],
+  experimental: {
+    esmExternals: 'loose'
+  }
+}
+
+module.exports = nextConfig
diff --git a/examples/minimal/vercel.json b/examples/minimal/vercel.json
@@ -0,0 +1,10 @@
+{
+  "version": 2,
+  "buildCommand": false,
+  "devCommand": false,
+  "installCommand": false,
+  "framework": null,
+  "outputDirectory": ".",
+  "public": true,
+  "cleanUrls": true
+}
diff --git a/packages/mdxe/bin/mdxe.js b/packages/mdxe/bin/mdxe.js
@@ -69,17 +69,34 @@ const runNextCommand = async (command, args = []) => {
 
     console.log(`Running Next.js command: ${cmd} ${cmdArgs.join(' ')}`)
 
+    const isVercel = process.env.VERCEL === '1' || process.env.VERCEL === 'true'
+
+    const nextDistDir = isVercel ? '.next' : resolve(userCwd, '.next')
+
+    const envVars = {
+      ...process.env,
+      PAYLOAD_DB_PATH: resolve(userCwd, 'mdx.db'),
+      NEXT_DIST_DIR: nextDistDir,
+      USER_CWD: userCwd,
+      README_PATH: hasReadme ? readmePath : '',
+      IS_VERCEL: isVercel ? 'true' : '',
+      NEXT_TYPESCRIPT_CHECK: isVercel ? 'false' : process.env.NEXT_TYPESCRIPT_CHECK,
+      NEXT_OUTPUT: 'standalone'
+    }
+
+    if (isVercel) {
+      console.log('Running in Vercel environment with config:', {
+        nextDistDir,
+        userCwd,
+        embeddedAppPath
+      })
+    }
+
     activeProcess = spawn(cmd, cmdArgs, {
       stdio: 'inherit',
       shell: true,
       cwd: embeddedAppPath,
-      env: {
-        ...process.env,
-        PAYLOAD_DB_PATH: resolve(userCwd, 'mdx.db'),
-        NEXT_DIST_DIR: resolve(userCwd, '.next'),
-        USER_CWD: userCwd,
-        README_PATH: hasReadme ? readmePath : ''
-      }
+      env: envVars
     })
 
     activeProcess.on('error', (error) => {

diff --git a/packages/mdxe/src/app/[...slug]/page.tsx b/packages/mdxe/src/app/[...slug]/page.tsx
@@ -58,8 +58,15 @@ async function getContent(slug: string[]) {
   return null
 }
 
-export default async function Page({ params }: { params: { slug: string[] } }) {
-  const content = await getContent(params.slug)
+type PageParams = {
+  params: {
+    slug: string[]
+  }
+}
+
+export default async function Page({ params }: PageParams) {
+  const slugArray = params.slug || []
+  const content = await getContent(slugArray)
 
   if (!content) {
     return (

diff --git a/packages/mdxe/src/config/next.config.js b/packages/mdxe/src/config/next.config.js
@@ -1,6 +1,9 @@
 /**
  * @type {import('next').NextConfig}
  */
+
+const isVercel = process.env.VERCEL === '1' || process.env.VERCEL === 'true' || process.env.IS_VERCEL === 'true'
+
 const nextConfig = {
   reactStrictMode: true,
   experimental: {
@@ -10,7 +13,7 @@ const nextConfig = {
       },
     },
   },
-  distDir: '.next',
+  distDir: process.env.NEXT_DIST_DIR || '.next',
   output: process.env.NEXT_OUTPUT || 'standalone',
   basePath: process.env.NEXT_BASE_PATH || '',
   images: {

diff --git a/packages/mdxe/src/next.config.js b/packages/mdxe/src/next.config.js
@@ -4,6 +4,8 @@ import withMDX from '@next/mdx'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
+const isVercel = process.env.VERCEL === '1' || process.env.VERCEL === 'true' || process.env.IS_VERCEL === 'true'
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,

diff --git a/packages/mdxe/src/tsconfig.json b/packages/mdxe/src/tsconfig.json
@@ -26,9 +26,8 @@
   "include": [
     "**/*.ts",
     "**/*.tsx",
-    "/Users/nathanclevenger/Projects/mdx/examples/minimal/.next/types/**/*.ts",
     "next-env.d.ts",
-    "/Users/nathanclevenger/Projects/mdx/packages/mdxe/.next/types/**/*.ts"
+    ".next/types/**/*.ts"
   ],
   "exclude": [
     "node_modules"