project-structure-creator v1.0.3

Project Structure Creator

A powerful CLI tool to generate well-structured React and Next.js applications with best practices and modern tooling.

Features

• 🚀 Generate React or Next.js projects with optimal folder structure
• 📦 TypeScript/JavaScript support
• 🛠 ESLint and Prettier configuration
• 📱 Includes Old and Latest versions of React/Next.js
• ⚡️ Fast and interactive setup

Installation

You can use this package in several ways:

Using npx (Recommended)

npx project-structure-creator@latest

Global Installation

npm install -g project-structure-creator

• Now run following command in terminal

create-project-structure

Local Installation

npm install project-structure-creator

• Then add to your package.json scripts:

{
  "scripts": {
    "create": "create-project-structure"
  }
}

• Run using npm

npm run create

Usage

Interactive Mode

Simply run:

npx project-structure-creator@latest

Follow the interactive prompts to:

1. Choose framework (React/Next.js)
2. Select TypeScript/JavaScript
3. Configure ESLint
4. Set up Prettier
5. Choose framework version
6. Name your project

Direct Mode

Specify the framework directly:

npx project-structure-creator@latest react
# or
npx project-structure-creator@latest next

Project Structure

The generated project includes:

src/
├── components/          # Reusable UI components
│   ├── ui/              # Basic UI components (buttons, inputs)
│   ├── layout/          # Layout components (header, footer)
│   ├── shared/          # Shared/common components
│   └── providers/       # Context providers or other providers
│
├── hooks/               # Custom React hooks
├── context/             # React Context definitions
├── store/               # State management
│   └── slices/          # Redux/state slices
│
├── services/            # API and external services
├── layouts/             # Page layout templates
├── views/               # Page views
├── locales/             # Localization files
│
├── utils/               # Utility functions
├── lib/                 # Third-party library configs
├── config/              # App configuration files
├── constants/           # App constants and enums
├── types/               # TypeScript types
├── schemas/             # Schemas for validation/data
│
├── assets/              # Static assets
│   ├── images/          # Image files
│   └── icons/           # Icon files
└── styles/              # Global styles and themes

# React-specific
└── routes/              # Route definitions

# Additional for Next.js with App Router
├── app/                 # App router pages
│   ├── (auth)/          # Auth group routes
│   ├── (dashboard)/     # Dashboard group routes
│   └── api/             # API routes
└── actions/             # Server actions

# Next.js with Pages Router
├── pages/               # Pages router
│   └── api/             # API routes
└── middleware.ts        # Next.js middleware

Examples

Creating a React Project

npx project-structure-creator@latest react

Creating a Next.js Project

npx project-structure-creator@latest next

Support

If you encounter any issues or have questions:

1. Check the GitHub Issues
2. Create a new issue if your problem isn't already reported
3. Join our Discord Community for real-time help

Contributing

We welcome contributions! Please see Contributing Guide for details.

Changelog

See CHANGELOG.md for release history.

License

MIT © Meet5555

Contact

• GitHub: @Meet5555
• Email: bhimanimeet55555@gmail.com