thirdweblisted
Install: claude install-skill diegosouzapw/awesome-omni-skill
## Critical: Thirdweb v5 Sub-Path Imports
Thirdweb v5 uses sub-path imports. Never import from the root `thirdweb` package for specialized modules:
```ts
// CORRECT
import { createThirdwebClient } from 'thirdweb';
import { inAppWallet, createWallet } from 'thirdweb/wallets';
import { darkTheme } from 'thirdweb/react';
import { createAuth } from 'thirdweb/auth';
import { privateKeyToAccount } from 'thirdweb/wallets';
// WRONG — do not import wallet/auth/react from root
import { inAppWallet } from 'thirdweb'; // ❌
```
## Project Setup
### Client (Web — `apps/web/src/lib/thirdweb.ts`)
```ts
import { createThirdwebClient } from 'thirdweb';
export const client = createThirdwebClient({
clientId: process.env.NEXT_PUBLIC_THIRDWEB_CLIENT_ID!,
});
```
### Client (API — `apps/api/src/lib/thirdweb.ts`)
```ts
import { createThirdwebClient } from 'thirdweb';
export const thirdwebClient = createThirdwebClient({
secretKey: process.env.THIRDWEB_SECRET_KEY,
});
```
### Wallets Configuration
```ts
import { inAppWallet, createWallet } from 'thirdweb/wallets';
export const wallets = [
inAppWallet({
auth: { options: ['email', 'google', 'apple', 'passkey'] },
}),
createWallet('io.metamask'),
createWallet('com.coinbase.wallet'),
createWallet('walletConnect'),
];
```
### SIWE Auth (Server-Side)
```ts
import { createAuth } from 'thirdweb/auth';
import { privateKeyToAccount } from 'thirdweb/wallets';
const adminAccount = privateKeyToAccount({
client: thirdwebClient,