> ## Documentation Index
> Fetch the complete documentation index at: https://web3docs.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Installation

> Set up the project and install Sui packages

# 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

```bash theme={null}
git clone https://github.com/user/sui-workshop-fe-2.git
cd sui-workshop-fe-2
```

## Install Dependencies

```bash theme={null}
npm install
```

## Install Sui Packages

Add the required Sui packages:

```bash theme={null}
npm install @mysten/dapp-kit-react @mysten/sui @tanstack/react-query
```

### Package Overview

| Package                  | Purpose                                  |
| ------------------------ | ---------------------------------------- |
| `@mysten/dapp-kit-react` | React hooks and components for Sui dApps |
| `@mysten/sui`            | Core Sui TypeScript SDK                  |
| `@tanstack/react-query`  | Data 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

```bash theme={null}
npm run dev
```

Open [http://localhost:5173](http://localhost:5173) to see the starter app.

## Next Steps

<Card title="Setup Providers" icon="arrow-right" href="/sui/frontend/workshop-2/02-setup-providers" horizontal>
  Configure dApp Kit and React Query providers
</Card>