create-dynamic-app

Dynamic Example App Generator

This project is a command-line tool that generates example Next.js and React projects with support for Dynamic.xyz. It provides a simple interface to create projects using ether Viem or Ethers, and with or without Wagmi.

Outputs

• Next.js Projects:

  • next-viem: Next.js project using Viem.

  • next-viem-wagmi: Next.js project using both Viem and Wagmi.

  • next-ethers: Next.js project using ethers.js.

  • next-ethers-wagmi: Next.js project using both ethers.js and Wagmi.

  • React Projects:

  • react-viem: React project using Viem.

  • react-viem-wagmi: React project using both Viem and Wagmi.

  • react-ethers: React project using ethers.js.

  • react-ethers-wagmi: React project using both ethers.js and Wagmi.

Usage

Three scripts are provided to generate the projects:

• npm run generate:next: Generates a Next.js project.
• npm run generate:react: Generates a React project.
• npm run generate:all: Generates both a Next.js and a React project.

If the directories already exist, the script will not overwrite them automatically but rather ask you to confirm.

Structure

You can find the template code for each file needed in the next-templates and react-templates folders. Editing any of these files will affect all generated projects once you re-run the script/s.

The main logic for the generation can be found in the generate-next.ts and generate-react.ts files at the root of the project.