Next.js 15 + Tailwind CSS v4 + shadcn/ui
Turbo DApp Starter Kit
The ultimate Web3 development toolkit for building decentralized applications with Next.js 15, wagmi, RainbowKit, Hardhat, Tailwind CSS v4, and shadcn/ui.
Features
Everything you need to build modern Web3 applications with the latest technologies.
Turborepo
High-performance build system for JavaScript and TypeScript codebases
Next.js 15
The React framework with App Router, Server Components and more
Web3 Ready
Integrated with wagmi and RainbowKit for seamless wallet connections
Hardhat
Development environment for Ethereum smart contracts
Tailwind CSS v4
Utility-first CSS framework with the latest features
Dark Mode
Built-in dark mode support with shadcn/ui components
Technologies
Built with the latest and greatest technologies for Web3 development.
wagmi
React Hooks for Ethereum - wallet connection, contract interactions, and more
RainbowKit
The best way to connect a wallet - beautiful, customizable, and feature-rich
Hardhat
Ethereum development environment for professionals
Next.js 15
The React framework for production with the latest features
Tailwind CSS v4
A utility-first CSS framework packed with classes
shadcn/ui
Beautifully designed components built with Radix UI and Tailwind CSS
Code Examples
Get started quickly with pre-built components and examples.
import { ConnectButton } from '@rainbow-me/rainbowkit';
import { useAccount } from 'wagmi';
export function WalletConnect() {
const { address, isConnected } = useAccount();
return (
<div className="flex flex-col items-center gap-4">
<ConnectButton />
{isConnected && (
<div className="p-4 border rounded-lg">
Connected to {address}
</div>
)}
</div>
);
}
Get Started
Start building your Web3 application in minutes.
Clone the Repository
git clone https://github.com/zhyd1997/turbo-dapp-starter-kit.git
cd turbo-dapp-starter-kit
pnpm installStart Development Server
pnpm devThis will start the Next.js development server and the Hardhat network.