Разработка лендинга NFT-проекта
NFT-лендинг — это первое, что видит потенциальный холдер. В 2021–2022 годах достаточно было анимированного логотипа и кнопки «Connect Wallet». Сейчас планка выше: пользователь за 10 секунд решает, заслуживает ли проект доверия. Технически слабый лендинг с задержкой загрузки, сломанной галереей или кнопкой минта, которая не работает на мобильном — прямые потери в момент минта.
Ключевые технические компоненты
Gallery и генеративный preview
Для generative collections (10k pfp) нельзя загрузить все изображения в браузер. Стандартный подход: lazy loading с виртуализацией (react-window или tanstack-virtual), загрузка изображений по мере скролла. IPFS или Arweave для хранения — CDN-слой через NFT.Storage или Pinata для скорости раздачи.
Предварительный reveal: если коллекция ещё не revealed, галерея показывает placeholder. После reveal — IPFS URI из tokenURI() контракта. Синхронизация через The Graph subgraph или прямые tokenURI вызовы для небольших коллекций.
Секция минтинга: wallet + контракт
Wallet connection через wagmi + WalletConnect v2: поддержка MetaMask, Coinbase Wallet, Rainbow, все hardware wallets. Детекция сети — если пользователь подключён к Ethereum, а минт на Polygon, показываем prompt переключить сеть.
Минт-кнопка должна обрабатывать все состояния: не подключён, неверная сеть, недостаточно газа, транзакция pending, успех, ошибка. Каждое состояние — отдельный UI. Кнопка, которая просто «зависает» при pending транзакции — классическая ошибка.
Whitelist (allowlist) верификация
Merkle tree proof — стандартный подход для allowlist минта. Корень дерева хранится в контракте. Клиентская часть: генерация proof для адреса из Merkle tree через @openzeppelin/merkle-tree. Proof передаётся в mint(proof, amount) функцию контракта.
Процесс и сроки
Дизайн + анимации: 1–2 дня с Figma референсом. Разработка: 2–3 дня. Интеграция контракта + тесты: 1 день. Итого: 3–5 дней для стандартного лендинга. Стоимость рассчитывается индивидуально.