<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Md Farhan Habib</title>
    <description>The latest articles on DEV Community by Md Farhan Habib (@farhan043).</description>
    <link>https://dev.to/farhan043</link>
    <image>
      <url>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%2F3812553%2F3ab39a23-5c69-4929-8965-e0f0fcab38c8.jpeg</url>
      <title>DEV Community: Md Farhan Habib</title>
      <link>https://dev.to/farhan043</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/farhan043"/>
    <language>en</language>
    <item>
      <title>I got tired of setting up MERN projects, so I built a VS Code extension to automate it</title>
      <dc:creator>Md Farhan Habib</dc:creator>
      <pubDate>Sun, 08 Mar 2026 06:55:26 +0000</pubDate>
      <link>https://dev.to/farhan043/how-i-built-a-vs-code-extension-to-automate-mern-stack-setup-in-seconds-1d33</link>
      <guid>https://dev.to/farhan043/how-i-built-a-vs-code-extension-to-automate-mern-stack-setup-in-seconds-1d33</guid>
      <description>&lt;p&gt;Hey everyone! &lt;/p&gt;

&lt;p&gt;I've been building a lot of MERN stack projects lately, and honestly, the most annoying part is always the initial setup.&lt;/p&gt;

&lt;p&gt;Every single time, I had to create the same frontend and backend folders, run npm init, install the same 10-15 packages (Express, Mongoose, Vite, bcrypt, etc.), setup the .env files, and write the exact same authentication boilerplate. It easily ate up 30-40 minutes before I could even write a single line of actual feature logic.&lt;/p&gt;

&lt;p&gt;I realized I was just copy-pasting my old code. So, I figured, why not automate the whole thing?&lt;/p&gt;

&lt;p&gt;That's how I ended up building MERN DevBoost—my very first VS Code extension.&lt;/p&gt;

&lt;p&gt;What it actually does:&lt;br&gt;
Instead of doing things manually, you just open the Command Palette, run a command, and it generates:&lt;/p&gt;

&lt;p&gt;The complete MERN folder structure.&lt;/p&gt;

&lt;p&gt;A pre-configured Express server and Vite React frontend.&lt;/p&gt;

&lt;p&gt;Basic auth and database connection files.&lt;/p&gt;

&lt;p&gt;But then I realized, just setting up folders isn't enough. The real pain is writing repetitive CRUD operations. So I added a couple more features:&lt;/p&gt;

&lt;p&gt;Auto-CRUD Generator: You type a resource name (like product), and it generates the Mongoose Model, Controller (with try-catch blocks), and Routes instantly.&lt;/p&gt;

&lt;p&gt;Advanced Auth: If basic auth isn't enough, it can generate Role-Based Access Control (Admin/User) and password reset logic with one click.&lt;/p&gt;

&lt;p&gt;One thing I noticed with other boilerplate tools is that after generating the code, you kinda feel lost. To fix that, I made the extension automatically open a simple DEVBOOST_GUIDE.md file right inside VS Code once the scaffolding is done. It tells you exactly what terminal commands to run next and how to test your new APIs in Postman.&lt;/p&gt;

&lt;p&gt;Try it out!&lt;br&gt;
Since this is my first time publishing something like this to the VS Code Marketplace, I’m really excited but also looking for ways to improve it.&lt;/p&gt;

&lt;p&gt;If you work with the MERN stack and hate doing the setup manually, I'd love for you to give it a try. What should I add next? Did I miss any crucial security packages? Any feedback is welcome!&lt;/p&gt;

&lt;p&gt;VS Code Marketplace: [&lt;a href="https://marketplace.visualstudio.com/items?itemName=habibcodes.mern-devboost" rel="noopener noreferrer"&gt;https://marketplace.visualstudio.com/items?itemName=habibcodes.mern-devboost&lt;/a&gt;]&lt;/p&gt;

&lt;p&gt;GitHub Repo: [&lt;a href="https://github.com/Farhan043/mern-devboost" rel="noopener noreferrer"&gt;https://github.com/Farhan043/mern-devboost&lt;/a&gt;]&lt;/p&gt;

&lt;p&gt;Happy coding!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>devops</category>
    </item>
  </channel>
</rss>
