Skip to main content

​
Installation

This workshop will guide you through building a complete NFT minting dApp with USDC payments on Sui.

​
Prerequisites

  • Node.js 18+
  • A code editor (VS Code recommended)
  • A Sui wallet (Slush, Sui Wallet, or similar)

​
Clone the Starter Project

git clone https://github.com/user/sui-workshop-fe-2.git
cd sui-workshop-fe-2

​
Install Dependencies

npm install

​
Install Sui Packages

Add the required Sui packages: 
npm install @mysten/dapp-kit-react @mysten/sui @tanstack/react-query

​
Package Overview

PackagePurpose
@mysten/dapp-kit-reactReact hooks and components for Sui dApps
@mysten/suiCore Sui TypeScript SDK
@tanstack/react-queryData fetching and caching

​
Project Structure

After setup, your src/ folder should look like: 
src/
├── app.tsx           # Main app component
├── main.tsx          # Entry point
├── index.css         # Styles
├── components/
│   └── ui/           # UI components (Button, Card, etc.)
└── lib/
    └── utils.ts      # Utility functions

​
Run Development Server

npm run dev
Open http://localhost:5173 to see the starter app.

​
Next Steps

Setup Providers

Configure dApp Kit and React Query providers