create-fe-boilerplate 0.2.0 → 0.3.0

package/bin/index.js

@@ -5,6 +5,8 @@ import fs from "fs-extra";
 import path from "path";
 import { execa } from "execa";
 import chalk from "chalk";
+import ora from "ora";
+import validatePkgName from "validate-npm-package-name";
 import { fileURLToPath } from "url";
 
 const __filename = fileURLToPath(import.meta.url);
@@ -47,6 +49,18 @@ async function run() {
     },
   ]);
 
+  /* ---------------- VALIDATE PROJECT NAME ---------------- */
+
+  const validation = validatePkgName(answers.projectName);
+
+  if (!validation.validForNewPackages) {
+    console.error(chalk.red("\n❌ Invalid project name\n"));
+    validation.errors?.forEach((e) => console.error(`- ${e}`));
+    process.exit(1);
+  }
+
+  /* ---------------- RESOLVE TEMPLATE PATH ---------------- */
+
   const templatePath = path.resolve(
     __dirname,
     "../templates",
@@ -56,29 +70,55 @@ async function run() {
     answers.api
   );
 
-  console.log("Using template path:", templatePath);
-
   if (!fs.existsSync(templatePath)) {
+    console.error(chalk.red(`\n❌ Template not found:\n${templatePath}\n`));
+    process.exit(1);
+  }
+
+  const targetPath = path.join(cwd, answers.projectName);
+
+  /* ---------------- SAFETY CHECK ---------------- */
+
+  if (targetPath.startsWith(templatePath)) {
     console.error(
-      chalk.red("\n❌ Template not found. Please check templates folder.\n")
+      chalk.red("\n❌ Cannot create project inside template directory.\n")
     );
     process.exit(1);
   }
 
-  const targetPath = path.join(cwd, answers.projectName);
+  if (fs.existsSync(targetPath)) {
+    console.error(
+      chalk.red(`\n❌ Folder "${answers.projectName}" already exists.\n`)
+    );
+    process.exit(1);
+  }
 
+  /* ---------------- COPY TEMPLATE ---------------- */
+
+  console.log(chalk.yellow("\n📂 Creating project...\n"));
   await fs.copy(templatePath, targetPath);
 
-  console.log(chalk.yellow("\n📦 Installing dependencies...\n"));
+  /* ---------------- INSTALL DEPENDENCIES ---------------- */
+
+  const spinner = ora("Installing dependencies...").start();
+
+  try {
+    await execa("npm", ["install"], {
+      cwd: targetPath,
+      stdio: "ignore",
+    });
+    spinner.succeed("Dependencies installed");
+  } catch (err) {
+    spinner.fail("Dependency installation failed");
+    process.exit(1);
+  }
 
-  await execa("npm", ["install"], {
-    cwd: targetPath,
-    stdio: "inherit",
-  });
+  /* ---------------- FINAL MESSAGE ---------------- */
 
-  console.log(chalk.green("\n✅ Done!\n"));
-  console.log(`cd ${answers.projectName}`);
-  console.log("npm run dev");
+  console.log(chalk.green("\n✅ Project created successfully!\n"));
+  console.log("Next steps:\n");
+  console.log(chalk.cyan(`  cd ${answers.projectName}`));
+  console.log(chalk.cyan("  npm run dev\n"));
 }
 
 run();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fe-boilerplate",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "CLI to scaffold React boilerplates with authentication, OTP, Tailwind and Axios",
   "type": "module",
   "bin": {
@@ -13,7 +13,9 @@
     "execa": "^8.0.1",
     "fs-extra": "^11.3.3",
     "inquirer": "^9.3.8",
-    "react-toastify": "^11.0.5"
+    "ora": "^9.0.0",
+    "react-toastify": "^11.0.5",
+    "validate-npm-package-name": "^7.0.2"
   },
   "main": "index.js",
   "scripts": {
@@ -21,5 +23,11 @@
   },
   "keywords": [],
   "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "devDependencies": {
+    "@types/node": "^25.0.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "typescript": "^5.9.3"
+  }
 }

package/templates/next/ts/tailwind/axios/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/templates/next/ts/tailwind/axios/eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

package/templates/next/ts/tailwind/axios/next.config.ts

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;