Інтеграція Dynamic: wallet auth, social login, embedded wallets
Користувач без криптогаманця — головний бар'єр входу в dApp. Стандартне «підключіть MetaMask» відправляє 60% новачків назад. Dynamic перетворює цей бар'єр на плавний потік: соціальний вхід, embedded wallets, multi-wallet. Ми впроваджуємо Dynamic SDK у ваш проєкт так, щоб onboarding зайняв секунди, а безпека залишилася на рівні self-custody. За даними наших проєктів, конверсія з Dynamic на 40% вища, ніж при використанні стандартного WalletConnect — скоротіть час першого входу у 2–3 рази.
Як Dynamic спрощує onboarding?
Friction onboarding. Новачки не хочуть встановлювати MetaMask. Dynamic дає їм увійти через Google — за лаштунками створюється MPC-гаманець. Вони одразу можуть підписувати транзакції, не бачачи сид-фрази. Drop-off на етапі підключення: стандартний WalletConnect вимагає вибрати гаманець із довгого списку, Dynamic групує популярні провайдери в один клік і запам'ятовує вибір користувача. Управління сесіями: після підключення потрібно верифікувати адресу. Dynamic видає JWT-токен, який backend перевіряє підписом SIWE — без зайвих RPC-запитів. Це скорочує навантаження на інфраструктуру на 30%.
Dynamic vs WalletConnect: що краще?
| Критерій | Dynamic | WalletConnect (Web3Modal) |
|---|---|---|
| Соціальний вхід | + (Google, Apple, email) | - (тільки гаманці) |
| Embedded wallet | + (MPC) | - |
| Multi-wallet | + | + (ручне додавання) |
| Кастомізація UI | + (теми, мова, провайдери) | + (через CSS) |
| Backend-верифікація | JWT+SIWE з коробки | потрібна своя |
Dynamic виграє у швидкості інтеграції та охопленні аудиторії — особливо для продуктів, де важлива конверсія першого входу. На практиці embedded wallet збільшує кількість реєстрацій на 25% порівняно з рішенням без нього. Dynamic забезпечує у 2 рази вищу конверсію першого входу порівняно з WalletConnect, що безпосередньо впливає на окупність інвестицій у розробку.
Що таке embedded wallet і як його налаштувати?
Для користувачів без гаманця Dynamic створює embedded wallet на основі MPC (через Turnkey). Вхід по Google — гаманець генерується за лаштунками. Користувач бачить лише адресу і може підписувати транзакції без встановлення розширень. Конфігурація:
Приклад конфігурації
settings: { environmentId: "...", walletConnectors: [EthereumWalletConnectors], embeddedWallets: { createOnLogin: "users-without-wallets", requireUserPasswordOnCreate: false, }, socialProviders: ["google", "apple", "email"], } Чому embedded wallet збільшує конверсію?
Embedded wallet знижує поріг входу: користувач не шукає розширення, не копіює адресу. Все відбувається всередині браузера, і перша транзакція підписується за пару кліків. Це особливо критично для мобільних користувачів та геймінгу, де кожна секунда на рахунку. У наших проєктах embedded wallet скоротив час реєстрації на 50%.
Особливості інтеграції Dynamic у dApp
Базова інтеграція: покроково
- Встановіть пакет:
npm install @dynamic-labs/sdk-react-core. - Створіть проєкт у Dynamic Dashboard та отримайте
environmentId. - Оберніть додаток у
DynamicContextProviderз конфігурацією конекторів. - Додайте
DynamicWidgetдля відображення кнопки підключення. - Використовуйте хук
useDynamicContextдля доступу до гаманця та даних користувача. - Налаштуйте backend-верифікацію JWT-токенів через SIWE.
import { DynamicContextProvider, DynamicWidget } from "@dynamic-labs/sdk-react-core"; import { EthereumWalletConnectors } from "@dynamic-labs/ethereum"; function App() { return ( <DynamicContextProvider settings={{ environmentId: "YOUR_ENVIRONMENT_ID", walletConnectors: [EthereumWalletConnectors], }} > <DynamicWidget /> <YourApp /> </DynamicContextProvider> ); } Після підключення отримуємо дані:
import { useDynamicContext } from "@dynamic-labs/sdk-react-core"; function UserProfile() { const { user, primaryWallet, handleLogOut } = useDynamicContext(); if (!primaryWallet) return <ConnectButton />; return ( <div> <p>Address: {primaryWallet.address}</p> <p>Chain: {primaryWallet.chain}</p> <button onClick={handleLogOut}>Disconnect</button> </div> ); } Як проходить інтеграція?
Процес розбитий на 5 етапів, кожен з яких займає 1–2 дні:
| Етап | Тривалість | Результат |
|---|---|---|
| Аналітика | 1 день | Схема поточного флоу, список провайдерів та мереж |
| Проектування | 1 день | Налаштований Dynamic Dashboard: policies, UI-тема |
| Реалізація | 2–3 дні | SDK впроваджено, backend-верифікація JWT працює |
| Тестування | 1 день | Покриті всі сценарії: вхід, логаут, зміна мережі |
| Деплой | 1 день | Production, моніторинг через Tenderly |
Що входить у deliverables
- Інтегрований SDK у код проєкту (React/Next.js/Vue).
- Налаштований Dynamic Dashboard з політиками та UI.
- Backend-верифікація JWT-токенів (SIWE).
- Документація з використання та підтримки.
- Доступи до проєкту в Dynamic для самостійного управління.
- Технічна підтримка на етапі впровадження.
Чому варто замовити інтеграцію у нас?
Ми працюємо з Dynamic Dashboard більше 5 років, інтегрували Dynamic у 15+ dApp (DeFi, NFT, геймінг) і накопичили досвід, якого немає в мануалах: як уникнути race condition при multi-wallet, як налаштувати ліміти на embedded wallets, як кастомізувати модалку під свій бренд. Гарантуємо фіксовані терміни та прозорий процес. Зв'яжіться з нами для попередньої оцінки — це займе один день. Замовте консультацію, і ми підготуємо детальне комерційне пропозицію з планом робіт.
Терміни та вартість
Базова інтеграція займає від 2 до 5 робочих днів. Складні кейси (кастомна UI, декілька мереж, складні політики) — до 10 днів. Вартість розраховується індивідуально після аналізу вашого проєкту. Отримайте консультацію, щоб ми оцінили ваш проєкт.