ScaffoldX

Build modern project foundations faster with a polished, interactive scaffolding experience inside VS Code.

ScaffoldX is a professional VS Code extension that helps developers create modern web and backend project structures in minutes. Instead of manually creating folders, installing dependencies, and configuring common starter tooling, you can launch a guided setup flow from the Command Palette and generate a production-ready foundation with just a few selections.

Whether you are starting a React app, a Next.js project, or a Node.js service, ScaffoldX reduces setup friction and lets you focus on building features.

Why ScaffoldX ?

• Speed up project initialization with an interactive setup flow
• Reduce repetitive boilerplate and manual configuration
• Support a modern stack with flexible framework and database choices
• Keep your setup consistent across projects and teams
• Open the generated project directly in VS Code after scaffolding

Features

ScaffoldX supports a rich selection workflow for creating project foundations:

• Choose a destination folder for the new project
• Enter a project name with built-in validation
• Pick a package manager: npm, pnpm, yarn, or bun
• Select a framework: Node.js, React, or Next.js
• Choose whether to include TypeScript
• Select a database: MySQL, SQLite, MongoDB, or PostgreSQL
• Choose an ORM: Prisma, Drizzle, Mongoose, or pg
• Add optional UI libraries like Tailwind CSS, ShadCN, MUI, Lucide, or Hero Icons
• Include extra packages such as bcrypt, NextAuth, React Router, or TanStack
• Run the scaffolding commands directly in the integrated terminal

Supported Tech Stack

Installation

Prerequisites

Before using ScaffoldX, make sure you have:

• VS Code 1.125 or newer
• A supported package manager installed on your machine
• Internet access so the scaffolding tools can fetch templates and dependencies

Development Setup

1. Clone the repository
2. Install dependencies:

pnpm install

3. Start the extension watch build:

pnpm run watch

4. Press F5 to launch the Extension Development Host
5. Open the Command Palette and run:

ScaffoldX - Your One-stop solution for project structure generation

Usage

1. Open the Command Palette.
2. Select the folder where the new project should be created.
3. Enter a valid project name.
4. Choose your preferred package manager and framework.
5. Select your database, ORM, UI libraries, and extra packages.
6. Let the extension scaffold the project in the terminal.
7. Open the generated project directly when prompted.

Development Commands

Useful commands for local development:

pnpm run watch
pnpm run package
pnpm run lint
pnpm run lint --fix
pnpm run test

Project Structure

src
├── assets  # Images and Project Icons
├── extension.ts   # Project EntryPoint
├── services
│   ├── generator.ts   # Scaffold Generator
│   └── options.ts     # Typescript interfaces and types
└── types
    └── options.ts    # Available options

Roadmap

Planned enhancements include:

• Additional framework templates and presets - 20+ Options
• More advanced post-install customization
• Better support for monorepos and full-stack setups
• Improved onboarding and UX polish

Known Issues

If you run into a problem, please include:

• Your VS Code version
• The package manager you selected
• The framework and database choices used
• Relevant terminal output or error messages

Contributing

Contributions are welcome. To contribute:

1. Fork the repository
2. Create a feature branch
3. Make your changes and test them locally
4. Submit a pull request with a clear summary

License

This project is licensed under the MIT License.

Changelog

ScaffoldX is actively evolving. For a detailed history of features, fixes, and release milestones, see the CHANGELOG.

Developer Info

Built and maintained by Pranava Pai N.

• GitHub: https://github.com/Pranava-Pai-N
• Portfolio: https://pranava-pai.live

If you want to contribute, add features, or fix issues, feel free to open a pull request or start a discussion.