create-stackflow 1.0.8 → 1.0.9

package/README.md

@@ -230,9 +230,17 @@ npx create-stackflow
 
 ## Start Project
 
+### Start Backend
+
 ```bash
-cd my-app
+cd my-app/backend
+npm run dev
+```
+
+### Start Frontend
 
+```bash
+cd my-app/frontend
 npm run dev
 ```
 
@@ -248,22 +256,6 @@ MONGO_URI=mongodb://127.0.0.1:27017/myapp
 
 ---
 
-# Root Development Scripts
-
-StackFlow automatically configures:
-
-```bash
-npm run dev
-```
-
-This starts:
-- frontend
-- backend
-
-simultaneously using `concurrently`.
-
----
-
 # CLI Architecture
 
 ```text

package/cli.js

@@ -8,7 +8,7 @@ const program = new Command();
 program
   .name("create-stackflow")
   .description("Generate a production-minded MERN starter with frontend, backend, auth, CRUD, and dashboard UI.")
-  .version("1.0.8")
+  .version("1.0.9")
   .argument("[project-name]", "project folder name")
   .option("--skip-install", "generate files without installing dependencies")
   .option("--yes", "use recommended defaults")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-stackflow",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Interactive CLI for generating modern full-stack MERN applications.",
   "type": "module",
   "bin": {

package/src/commands/create.js

@@ -5,6 +5,7 @@ import fs from "fs-extra";
 import ora from "ora";
 import validatePackageName from "validate-npm-package-name";
 import { execa } from "execa";
+import concurrently from "concurrently";
 import { askQuestions } from "../utils/prompts.js";
 import { createRootFiles } from "../generators/root.js";
 import { createBackend } from "../generators/backend.js";
@@ -62,7 +63,16 @@ export async function createStackFlow(options) {
   if (context.runProject) {
     console.log(chalk.cyan("\n🚀 Starting the project..."));
     try {
-      await execa("npm", ["run", "dev"], { cwd: context.frontendDir, stdio: "inherit" });
+      const { result } = concurrently(
+        [
+          { command: "npm run dev", name: "backend", cwd: context.backendDir, prefixColor: "blue" },
+          { command: "npm run dev", name: "frontend", cwd: context.frontendDir, prefixColor: "green" },
+        ],
+        {
+          killOthers: ["failure", "success"],
+        }
+      );
+      await result;
     } catch (error) {
       console.error(chalk.red("\nFailed to start the project."));
       console.error(chalk.dim(error.message));
@@ -164,8 +174,12 @@ function printSuccess(context) {
   console.log(chalk.green.bold("StackFlow app created successfully."));
   console.log();
   console.log(chalk.white("Next steps:"));
-  console.log(chalk.cyan(`  cd ${context.projectName}/${frontend}`));
-  console.log(chalk.cyan("  npm run dev"));
+  console.log(chalk.white("  Start Backend:"));
+  console.log(chalk.cyan(`    cd ${context.projectName}/${backend}`));
+  console.log(chalk.cyan("    npm run dev"));
+  console.log(chalk.white("  Start Frontend:"));
+  console.log(chalk.cyan(`    cd ${context.projectName}/${frontend}`));
+  console.log(chalk.cyan("    npm run dev"));
   console.log();
   console.log(chalk.dim(`Frontend: ${frontend}`));
   console.log(chalk.dim(`Backend:  ${backend}`));

package/src/generators/frontend.js

@@ -94,20 +94,16 @@ async function updateFrontendPackage(context) {
     pkg.devDependencies["@tailwindcss/vite"] = "latest";
   }
 
-  const backendName = path.basename(context.backendDir);
-  pkg.devDependencies = pkg.devDependencies || {};
-  pkg.devDependencies.concurrently = "^9.2.1";
-
   if (context.frontend === "react") {
     pkg.scripts = {
       ...(pkg.scripts || {}),
       build: "vite build",
-      dev: `concurrently -n backend,frontend -c blue,green "npm run dev --prefix ../${backendName}" "vite"`,
+      dev: "vite",
     };
   } else {
     pkg.scripts = {
       ...(pkg.scripts || {}),
-      dev: `concurrently -n backend,frontend -c blue,green "npm run dev --prefix ../${backendName}" "next dev"`,
+      dev: "next dev",
     };
   }