JSPM

create-dapp-starter

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

    A CLI to generate a starter template for Next.js/React dapps with wagmi.

    Package Exports

    • create-dapp-starter
    • create-dapp-starter/index.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-dapp-starter) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Create Dapp Starter

    NPM Version License

    An interactive CLI tool to quickly scaffold a modern Web3 frontend. Generate a ready-to-use Next.js project with wagmi, Tailwind CSS, and a powerful, ABI-driven contract dashboard in seconds.

    ✨ Features

    • Interactive Setup: A friendly command-line interface asks you everything it needs.
    • Next.js Foundation: Built on the latest Next.js with the App Router.
    • Wagmi Powered: Comes pre-configured with wagmi for all your wallet and contract interactions.
    • Dynamic Contract Dashboard: Provide your contract ABI and get an instant, fully interactive UI to test every read, write, and payable function.
    • Secure by Default: Automatically configures API keys using environment variables (.env.local).
    • Styled with Tailwind CSS: Includes a clean, modern design system ready for customization.
    • TypeScript Ready: Strongly typed from the start for a better developer experience.

    🚀 Getting Started

    To create a new project, run the following command in your terminal:

    npm init dapp-starter

    or npx create-dapp-starter

    This will kick off the interactive CLI, which will guide you through the setup process:

    1. Project Name: Name your new dApp folder.
    2. Framework & Language: Choose Next.js & TypeScript.
    3. API Keys: Provide your WalletConnect and Alchemy keys.
    4. Chains: Select the blockchain networks you want to support.
    5. Contract Details: Optionally, provide your contract address and ABI to auto-generate the contract dashboard.

    The Generated Project

    After the setup is complete, you will have a new project directory with everything you need:

    • ✅ A fully configured Next.js + wagmi application.
    • ✅ API keys secured in a .env.local file.
    • ✅ A stunning, responsive UI built with Tailwind CSS.
    • ✅ A /dev page that acts as a live dashboard for your smart contract.
    • ✅ A simple, clean, and extensible project structure.

    Local Development (Contributing)

    To contribute to this CLI tool itself:

    1. Clone the repository:

      git clone https://github.com/Rohan-droid7341/create-dapp-starter.git
cd create-dapp-starter

    2. Install dependencies:

      npm install

    3. Run for testing: Create a separate, empty folder and run the CLI from there to test your changes.

      # From inside your test folder:
node /path/to/create-dapp-starter/index.js

    📜 License

    This project is licensed under the MIT License.