create-kofi-stack 1.2.6 → 1.2.8

package/dist/index.js

@@ -3996,20 +3996,84 @@ export default function RootLayout({
 import config from '@/payload.config'
 
 export default async function HomePage() {
-  const payload = await getPayload({ config })
+  // Check if DATABASE_URL is configured
+  if (!process.env.DATABASE_URL || process.env.DATABASE_URL.includes('[PASSWORD]')) {
+    return (
+      <main className="min-h-screen bg-gradient-to-b from-gray-50 to-white">
+        <div className="container mx-auto px-4 py-16">
+          <div className="max-w-2xl mx-auto text-center">
+            <h1 className="text-4xl font-bold text-gray-900 mb-4">
+              Welcome to Your Marketing Site
+            </h1>
+            <p className="text-lg text-gray-600 mb-8">
+              Built with Payload CMS and Next.js
+            </p>
+            <div className="bg-amber-50 border border-amber-200 rounded-lg p-6 text-left">
+              <h2 className="text-lg font-semibold text-amber-800 mb-2">
+                Database Setup Required
+              </h2>
+              <p className="text-amber-700 mb-4">
+                To get started, configure your PostgreSQL database:
+              </p>
+              <ol className="list-decimal list-inside text-amber-700 space-y-2">
+                <li>Create a Supabase project at <a href="https://supabase.com" className="underline" target="_blank" rel="noopener noreferrer">supabase.com</a></li>
+                <li>Copy your database connection string</li>
+                <li>Update <code className="bg-amber-100 px-1 rounded">DATABASE_URL</code> in <code className="bg-amber-100 px-1 rounded">apps/marketing/.env.local</code></li>
+                <li>Restart the development server</li>
+              </ol>
+            </div>
+            <div className="mt-8">
+              <a
+                href="/admin"
+                className="inline-flex items-center px-6 py-3 bg-gray-900 text-white rounded-lg hover:bg-gray-800 transition-colors"
+              >
+                Go to Admin Panel \u2192
+              </a>
+            </div>
+          </div>
+        </div>
+      </main>
+    )
+  }
 
-  const settings = await payload.findGlobal({
-    slug: 'site-settings',
-  })
+  try {
+    const payload = await getPayload({ config })
 
-  return (
-    <main className="min-h-screen">
-      <div className="container mx-auto px-4 py-16">
-        <h1 className="text-4xl font-bold">{settings.siteName}</h1>
-        <p className="mt-4 text-lg text-gray-600">{settings.siteDescription}</p>
-      </div>
-    </main>
-  )
+    const settings = await payload.findGlobal({
+      slug: 'site-settings',
+    })
+
+    return (
+      <main className="min-h-screen">
+        <div className="container mx-auto px-4 py-16">
+          <h1 className="text-4xl font-bold">{settings.siteName || 'Marketing Site'}</h1>
+          <p className="mt-4 text-lg text-gray-600">{settings.siteDescription || 'Built with Payload CMS'}</p>
+        </div>
+      </main>
+    )
+  } catch (error) {
+    return (
+      <main className="min-h-screen bg-gradient-to-b from-red-50 to-white">
+        <div className="container mx-auto px-4 py-16">
+          <div className="max-w-2xl mx-auto text-center">
+            <h1 className="text-4xl font-bold text-gray-900 mb-4">
+              Database Connection Error
+            </h1>
+            <div className="bg-red-50 border border-red-200 rounded-lg p-6 text-left">
+              <p className="text-red-700 mb-4">
+                Could not connect to the database. Please check your configuration:
+              </p>
+              <ul className="list-disc list-inside text-red-700 space-y-2">
+                <li>Verify <code className="bg-red-100 px-1 rounded">DATABASE_URL</code> is correct</li>
+                <li>Ensure your database is running and accessible</li>
+                <li>Check that the database credentials are valid</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </main>
+    )
+  }
 }
 `;
   await writeFile(
@@ -6370,8 +6434,33 @@ ${pc2.dim("Note: Make sure you have a Convex account at https://convex.dev")}
 `);
     try {
       const convexDir = config.structure === "monorepo" ? path18.join(config.targetDir, "packages/backend") : config.targetDir;
-      p6.log.info(`Running ${pc2.cyan("npx convex dev --once")} in ${pc2.dim(convexDir)}...`);
       const { spawn } = await import("child_process");
+      p6.log.info(`Installing dependencies in ${pc2.dim(convexDir)}...`);
+      const installSuccess = await new Promise((resolve) => {
+        const installChild = spawn("pnpm", ["install"], {
+          cwd: convexDir,
+          stdio: "inherit",
+          shell: true
+        });
+        installChild.on("close", (code) => {
+          if (code === 0) {
+            p6.log.success("Dependencies installed");
+            resolve(true);
+          } else {
+            p6.log.warn("Failed to install dependencies");
+            resolve(false);
+          }
+        });
+        installChild.on("error", () => {
+          resolve(false);
+        });
+      });
+      if (!installSuccess) {
+        p6.log.warn("Could not install dependencies. Skipping Convex setup.");
+        p6.log.info(`Run ${pc2.cyan("pnpm install")} then ${pc2.cyan("pnpm convex dev")} manually.`);
+        return;
+      }
+      p6.log.info(`Running ${pc2.cyan("npx convex dev --once")} in ${pc2.dim(convexDir)}...`);
       await new Promise((resolve) => {
         const child = spawn("npx", ["convex", "dev", "--once"], {
           cwd: convexDir,
@@ -6380,7 +6469,7 @@ ${pc2.dim("Note: Make sure you have a Convex account at https://convex.dev")}
         });
         child.on("close", (code) => {
           if (code === 0) {
-            p6.log.success("Convex project created successfully!");
+            p6.log.success("Convex project created and deployed successfully!");
             resolve();
           } else {
             p6.log.warn(`Convex setup exited with code ${code}. You can run 'pnpm convex dev' manually later.`);
@@ -6395,7 +6484,7 @@ ${pc2.dim("Note: Make sure you have a Convex account at https://convex.dev")}
       });
     } catch (error) {
       p6.log.warn("Could not run Convex setup automatically.");
-      p6.log.info(`Run ${pc2.cyan("pnpm convex dev")} manually in your project directory.`);
+      p6.log.info(`Run ${pc2.cyan("pnpm install")} then ${pc2.cyan("pnpm convex dev")} manually in your project directory.`);
     }
   } else if (convexChoice === "existing") {
     const deploymentName = await p6.text({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-kofi-stack",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "Scaffold opinionated full-stack projects with Next.js, Convex, Better-Auth, and more",
   "type": "module",
   "bin": {