Forem: ke jia The latest articles on Forem by ke jia (@ke_jia_24bb2f9f84f14f728a). https://forem.com/ke_jia_24bb2f9f84f14f728a https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3935917%2F2200f40f-1cab-4c01-b5b1-39e52ae90676.png Forem: ke jia https://forem.com/ke_jia_24bb2f9f84f14f728a en How I Built a CLI That Generates 12 Project Templates in 3 Seconds ke jia Sun, 17 May 2026 08:22:51 +0000 https://forem.com/ke_jia_24bb2f9f84f14f728a/how-i-built-a-cli-that-generates-12-project-templates-in-3-seconds-18nk https://forem.com/ke_jia_24bb2f9f84f14f728a/how-i-built-a-cli-that-generates-12-project-templates-in-3-seconds-18nk <p>Every developer knows the pain: you have a great idea, open your terminal, and then... spend the next 30 minutes setting up boilerplate.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm create vite@latest my-app <span class="nt">--</span> <span class="nt">--template</span> react-ts <span class="nb">cd </span>my-app npm <span class="nb">install </span>npm <span class="nb">install </span>tailwindcss @tailwindcss/vite <span class="c"># configure tsconfig...</span> <span class="c"># set up folder structure...</span> <span class="c"># write boilerplate components...</span> </code></pre> </div> <p>I got tired of it. So I built <strong>ScaffoldX</strong>.</p> <h2> What is ScaffoldX? </h2> <p>A zero-dependency CLI that generates complete, production-ready starter code for 12 different project types. One command, 3 seconds, start coding.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npx scaffoldx-cli <span class="c"># Choose template -&gt; Enter name -&gt; Done!</span> </code></pre> </div> <h2> What's Inside </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Template</th> <th>Stack</th> <th>Files</th> </tr> </thead> <tbody> <tr> <td>React + Vite</td> <td>TS, Tailwind v4, Vite 6</td> <td>9</td> </tr> <tr> <td>Next.js</td> <td>App Router, TS</td> <td>8</td> </tr> <tr> <td>Express API</td> <td>Prisma, Zod, JWT</td> <td>8</td> </tr> <tr> <td>FastAPI</td> <td>Async, Pydantic, pytest</td> <td>8</td> </tr> <tr> <td>Chrome Extension</td> <td>Manifest V3</td> <td>6</td> </tr> <tr> <td>Discord Bot</td> <td>discord.js v14</td> <td>3</td> </tr> <tr> <td>+ 6 more</td> <td>CLI Tool, Landing Page, Electron, Python Script, Vanilla HTML/CSS, Empty TS</td> <td>...</td> </tr> </tbody> </table></div> <h2> Why It's Different </h2> <p>Most "project generators" give you skeleton files that don't actually work. Every ScaffoldX template:</p> <ul> <li>Compiles with zero errors</li> <li>Has proper TypeScript strict mode</li> <li>Includes best-practice configs</li> <li>Auto-initializes git</li> <li>Runs immediately after <code>npm install &amp;&amp; npm run dev</code> </li> </ul> <h2> Tech Stack </h2> <p>Pure Node.js. Zero dependencies. The entire CLI is a single file.</p> <h2> Try It </h2> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npx scaffoldx-cli </code></pre> </div> <p>Available on npm: <a href="https://www.npmjs.com/package/scaffoldx-cli" rel="noopener noreferrer">npmjs.com/package/scaffoldx-cli</a></p> <p>What templates should I add next? Drop a comment!</p> <h2> ☕ Support This Project </h2> <p>If ScaffoldX saved you time, consider <a href="https://ko-fi.com/wuchunjie" rel="noopener noreferrer">buying me a coffee</a> ☕</p> <h2> 🛠️ More Open-Source Tools </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Tool</th> <th>Description</th> <th>GitHub</th> </tr> </thead> <tbody> <tr> <td><a href="https://www.npmjs.com/package/@wuchunjie/dotguard" rel="noopener noreferrer">dotguard</a></td> <td>Scan <code>.env</code> for secrets</td> <td><a href="https://github.com/wuchunjie00/dotguard" rel="noopener noreferrer">Repo</a></td> </tr> <tr> <td><a href="https://www.npmjs.com/package/@wuchunjie/gitpulse" rel="noopener noreferrer">gitpulse</a></td> <td>Git analytics dashboard</td> <td><a href="https://github.com/wuchunjie00/gitpulse" rel="noopener noreferrer">Repo</a></td> </tr> <tr> <td><a href="https://www.npmjs.com/package/@wuchunjie/snippetx" rel="noopener noreferrer">snippetx</a></td> <td>Code snippet manager</td> <td><a href="https://github.com/wuchunjie00/snippetx" rel="noopener noreferrer">Repo</a></td> </tr> </tbody> </table></div> <h2> 🌟 Star &amp; Support </h2> <p>⭐ <a href="https://github.com/wuchunjie00/scaffoldx" rel="noopener noreferrer">Star ScaffoldX on GitHub</a> — it helps others discover the project!</p> <p>☕ <a href="https://ko-fi.com/wuchunjie" rel="noopener noreferrer">Buy me a coffee on Ko-fi</a></p> javascript webdev programming productivity How I Built a CLI That Generates 12 Project Templates in 3 Seconds ke jia Sun, 17 May 2026 08:15:54 +0000 https://forem.com/ke_jia_24bb2f9f84f14f728a/how-i-built-a-cli-that-generates-12-project-templates-in-3-seconds-1i4f https://forem.com/ke_jia_24bb2f9f84f14f728a/how-i-built-a-cli-that-generates-12-project-templates-in-3-seconds-1i4f <p>Every developer knows the pain: you have a great idea, open your terminal, and then... spend the next 30 minutes setting up boilerplate.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm create vite@latest my-app <span class="nt">--</span> <span class="nt">--template</span> react-ts <span class="nb">cd </span>my-app npm <span class="nb">install </span>npm <span class="nb">install </span>tailwindcss @tailwindcss/vite <span class="c"># configure tsconfig...</span> <span class="c"># set up folder structure...</span> <span class="c"># write boilerplate components...</span> </code></pre> </div> <p>I got tired of it. So I built <strong>ScaffoldX</strong>.</p> <h2> What is ScaffoldX? </h2> <p>A zero-dependency CLI that generates complete, production-ready starter code for 12 different project types. One command, 3 seconds, start coding.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npx scaffoldx-cli <span class="c"># Choose template → Enter name → Done!</span> </code></pre> </div> <h2> What's Inside </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Template</th> <th>Stack</th> <th>Files</th> </tr> </thead> <tbody> <tr> <td>React + Vite</td> <td>TS, Tailwind v4, Vite 6</td> <td>9</td> </tr> <tr> <td>Next.js</td> <td>App Router, TS</td> <td>8</td> </tr> <tr> <td>Express API</td> <td>Prisma, Zod, JWT</td> <td>8</td> </tr> <tr> <td>FastAPI</td> <td>Async, Pydantic, pytest</td> <td>8</td> </tr> <tr> <td>Chrome Extension</td> <td>Manifest V3</td> <td>6</td> </tr> <tr> <td>Discord Bot</td> <td>discord.js v14</td> <td>3</td> </tr> <tr> <td>+ 6 more</td> <td>CLI Tool, Landing Page, Electron...</td> <td>...</td> </tr> </tbody> </table></div> <h2> Why It's Different </h2> <ul> <li>✅ Compiles with zero errors</li> <li>✅ TypeScript strict mode</li> <li>✅ Best-practice configs</li> <li>✅ Auto git init</li> <li>✅ Runs immediately after <code>npm install &amp;&amp; npm run dev</code> </li> </ul> <h2> Try It </h2> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npx scaffoldx-cli </code></pre> </div> <p>🔗 npmjs.com/package/scaffoldx-cli</p> <p>Tags: #javascript #webdev #programming #productivity #opensource</p> cli productivity showdev tooling