create-garden-app

A CLI tool to create new Garden App projects with React, TypeScript, Vite, and Tailwind CSS.

Usage

Using npx (recommended)

npx create-garden-app my-app

Or without specifying a name (you'll be prompted):

npx create-garden-app

Global installation

npm install -g create-garden-app
create-garden-app my-app

What it creates

This tool creates a new React application with the following features:

• ⚡️ Vite - Lightning fast build tool and dev server
• ⚛️ React 19 - Latest React with concurrent features
• 📝 TypeScript - Type-safe development
• 🎨 Tailwind CSS - Utility-first CSS framework
• 🔧 ESLint - Code linting and formatting
• 🌱 Garden Components - Pre-built UI components and utilities
• 🎯 Wagmi - Ethereum wallet integration
• 🎨 Three.js - 3D graphics support
• 📊 React Query - Data fetching
• 🗂️ Zustand - State management

Getting Started

After creating your app:

cd my-app
yarn install
yarn dev

Then open your browser to http://localhost:5173

Project Structure

The created app will have this structure:

my-app/
├── src/
│   ├── components/     # Reusable UI components
│   ├── pages/         # Page components
│   ├── layout/        # Layout components
│   ├── store/         # State management
│   ├── utils/         # Utility functions
│   ├── constants/     # Application constants
│   ├── common/        # Shared components
│   └── main.tsx       # Application entry point
├── public/            # Static assets
├── package.json       # Dependencies and scripts
├── vite.config.ts     # Vite configuration
├── tailwind.config.js # Tailwind CSS configuration
├── tsconfig.json      # TypeScript configuration
└── README.md          # Project documentation

Available Scripts

• yarn dev - Start development server
• yarn build - Build for production
• yarn preview - Preview production build
• yarn lint - Run ESLint

License

MIT