Overview

Easily kickstart your Web3 projects using NextJS. Comes pre-configured with rainbow-kit, shadcn/ui, wagmi + viem and t3-oss/env . This template enables you to swiftly set up Web3 applications, ensuring robustness, maintainability, and scalability right from the start.

---

Features

• Web3 Integration: utilizes rainbow-kit for connecting the Web3 wallet with and wagmi and viem in background, ensuring seamless integration with blockchain functionalities.

• Dotenv Safety: leveraging t3 env for managing type safety of environment variables, enhancing security and reliability in handling sensitive information.

• Components Library: incorporates shadcn/ui, an open-source component library powered by Tailwind CSS and Radix UI, allowing for easy integration of accessible and customizable components into your applications.

• TypeScript Support: write your React code in TypeScript, enabling type safety and improved developer productivity.

• ESLint Integration: catch potential errors and enforce consistent code style with ESLint, ensuring code quality throughout your project.

• Prettier Support: maintain consistent code formatting effortlessly with Prettier, enhancing code readability and collaboration within your team.

• CI/CD Ready: powered by Vercel

---

Getting Started

System Requirements:

• Node: version 20.13.0 (LTS) or higher
• pnpm: version 9.1.0 or higher

Installation

From source

1. Clone the quick-start-node-ts repository:

git clone https://github.com/4D5A90/quickstart-nextjs-web3 my-web3-project

2. Change to the project directory:

cd my-web3-project

3. Install the dependencies:

pnpm install

Usage

From source

Run quick-start-node-ts using the command below:

pnpm build && pnpm start

to run the project in development mode:

pnpm dev