Розробка лендингу NFT-проекту
NFT-лендинг — це перше, що видить потенціальний холдер. У 2021–2022 років достатньо було анімованого логотипу та кнопки "Connect Wallet". Зараз планка вище: користувач за 10 секунд вирішує, заслуговує ли проект довіри. Технічно слабкий лендинг з затримкою завантаження, зламаною галереєю або кнопкою мінту, яка не працює на мобільному — прямі втрати на момент мінту.
Ключові технічні компоненти
Галерея та генеративний превью
Для generative колекцій (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 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 днів для стандартного лендингу. Вартість розраховується індивідуально.