JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 58
  • Score
    100M100P100Q78685F
  • License MIT

A modern React scaffolding CLI tool

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (create-esyt) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    ESYT - React Scaffolding CLI Tool

    ESYT is a modern React scaffolding CLI tool inspired by Vite, designed to quickly set up React projects with JavaScript or TypeScript support and a selection of popular packages.

    Features

    • Create React projects with JavaScript or TypeScript
    • Integrated with Vite for fast development and optimized builds
    • Optional integration with popular packages:
      • TailwindCSS
      • Framer Motion
      • OGL (3D library)
      • Clerk (Authentication)
      • Appwrite (Backend as a Service)
      • Prisma (ORM)
      • React Router
      • React Query
      • Zustand (State Management)
      • Axios (HTTP Client)
    • Modern project structure with sensible defaults

    Installation

    You can use ESYT directly with npm:

    npm create esyt@latest

    Or install it globally:

    npm install -g create-esyt

    Usage

    Create a new project

    npm create esyt@latest my-react-app

    Or if installed globally:

    esyt my-react-app

    Follow the interactive prompts to select:

    1. JavaScript or TypeScript template
    2. Optional packages to include

    Command Line Options

    npm create esyt@latest my-react-app --template react-ts

    Available templates:

    • react (JavaScript)
    • react-ts (TypeScript)

    Project Structure

    The generated project will have the following structure:

    my-react-app/
├── node_modules/
├── public/
├── src/
│   ├── components/
│   │   └── Button.jsx (or .tsx)
│   ├── App.jsx (or .tsx)
│   ├── main.jsx (or .tsx)
│   └── index.css
├── .gitignore
├── index.html
├── package.json
├── README.md
└── vite.config.js

    Additional files will be added based on the selected packages (e.g., tailwind.config.js, prisma/schema.prisma, etc.).

    Development

    To contribute to ESYT:

    1. Clone the repository
    2. Install dependencies: npm install
    3. Link the package locally: npm link
    4. Make your changes
    5. Test by running: esyt test-app

    Author

    Eshayat Al-Wasiu