JSPM

  • Created
  • Published
  • Downloads 62
  • Score
    100M100P100Q77837F
  • License MIT

A tool to create a new esyt project with your preferred stack

Package Exports

  • create-esyt
  • create-esyt/cli.js

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

A modern CLI tool to quickly scaffold Vite or Next.js projects with your preferred tech stack.

Overview

esyt is a command-line interface tool that helps you create new Vite or Next.js projects with JavaScript or TypeScript, and popular packages like TailwindCSS, Framer Motion, Clerk, Appwrite, Prisma, and more. It provides a clean, professional setup experience with minimal output and smart automation.

Installation

You can use esyt with any of these package managers:

# Using npm
npm create esyt@latest

# Using bun
bun create esyt@latest

# Using pnpm
pnpm create esyt@latest

Features

  • ๐Ÿ—๏ธ Framework Choice - Start with Vite or Next.js
  • ๐Ÿš€ Vite-powered or Next.js-powered - Modern, fast, and flexible
  • ๐Ÿ”„ JavaScript or TypeScript - Choose your preferred language
  • ๐ŸŽจ TailwindCSS - Utility-first CSS framework for rapid UI development
  • ๐Ÿ›ฃ๏ธ React Router (Vite only) - Declarative routing for React applications
  • ๐Ÿ’– React Icons - Countless Different Icons For React
  • ๐ŸŽญ Framer Motion - Production-ready animation library for React
  • ๐ŸŒ OGL (Vite only) - Minimal WebGL framework for creative coding projects
  • ๐Ÿ”ฅ Firebase - Google's platform for building web and mobile applications
  • ๐Ÿ”’ Clerk - Complete user management solution
  • โ˜๏ธ Appwrite - Open source backend server for web and mobile apps
  • ๐Ÿ’พ Prisma - Next-generation ORM for Node.js and TypeScript
  • ๐Ÿ”‘ DotENV - Zero-dependency module for loading environment variables
  • ๐ŸŒ Axios - Promise-based HTTP client for the browser and node.js
  • ๐Ÿงฉ Next.js Extras - next-auth, @next/font, next-seo, next-sitemap, next-pwa
  • โš™๏ธ Next.js Options - ESLint, Tailwind, src/app, App Router, Turbopack, import alias (all via prompt)
  • ๐Ÿ“ฆ Dependency Installation - Option to automatically install dependencies
  • ๐Ÿ”„ Git Integration - Option to initialize a Git repository (or not, with .git folder cleanup)
  • ๐Ÿš€ Auto Dev Server - Option to run the development server automatically after setup
  • ๐Ÿ–ฅ๏ธ IDE Integration - Option to open your project with VSCode, Cursor, Trae, or None
  • ๐Ÿงน Clean Output - Minimal, professional CLI output

Usage

Just run one of the installation commands above and follow the interactive prompts:

  1. Framework: Choose Vite or Next.js
  2. Language: Choose JavaScript or TypeScript
  3. Project Name: Enter a name (no spaces allowed)
  4. Packages: Select from a contextual list (Vite or Next.js compatible)
  5. Next.js Options: (if Next.js) ESLint, Tailwind, src/app, App Router, Turbopack, import alias
  6. Git: Choose whether to initialize a Git repository
  7. Dependencies: Choose whether to automatically install dependencies
  8. Dev Server: Choose whether to run the development server automatically after setup
  9. IDE Selection: Choose which IDE to open your project with (VSCode, Cursor, Trae, or None)

Example

$ npm create esyt
? Which framework would you like to use? Next.js
? Will you be using JavaScript or TypeScript? TypeScript
? What will your project be called? my-next-app
? Which packages would you like to enable? TailwindCSS, next-auth, Prisma
? Would you like to use ESLint? Yes
? Would you like your code inside a 'src/' directory? Yes
? Would you like to use App Router? Yes
? Would you like to use Turbopack for 'next dev'? Yes
? Would you like to customize the import alias (@/* by default)? Yes
? Initialize a new git repository? No
? Would you like us to run 'npm i'? Yes
? Would you like to run the development server automatically after setup? No
? Which IDE would you like to open your project with? None

What's Included

Depending on your selections, your project will be set up with:

  • A Vite or Next.js project with JavaScript or TypeScript
  • Contextual package selection (only compatible packages shown)
  • Next.js-specific options (ESLint, Tailwind, src/app, App Router, Turbopack, import alias)
  • TailwindCSS, React Router (Vite), React Icons, Framer Motion, OGL (Vite), Firebase, Clerk, Appwrite, Prisma, DotENV, Axios, and more
  • Automatic .git folder removal if git is not requested
  • Automatic project opening in your preferred IDE (VSCode, Cursor, or Trae)
  • Clean, minimal output

After Installation

Your project is ready to go! Just follow the standard start instructions for Vite or Next.js.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Author

Eshayat Al-Wasiu