Представьте: вы запускаете токенсейл, но из-за ошибки в смарт-контракте часть транзакций откатывается, или пользователи не могут получить токены после сбора. Такие инциденты стоят репутации и денег — мы видели проекты, терявшие существенные суммы из-за банального N+1 в UI. За 5+ лет мы выработали подход, исключающий эти риски: используем Merkle tree для whitelist, автоматизируем вестинг и проводим аудит контрактов. Мы разрабатываем кастомные платформы для запуска токенов — IDO/ICO Launchpad, интегрированные со смарт-контрактами пресейла. Наши решения работают на Ethereum, BNB Chain и Polygon, проходят аудит и позволяют гибко настраивать whitelist, многофазные продажи и вестинг. Frontend на React+TypeScript с использованием viem и wagmi гарантирует точность расчётов и безопасность транзакций.
Какие проблемы решаем?
Сложность управления фазами продажи. Launchpad проходит через четыре состояния: Upcoming, Whitelist Round, Public Round, Ended. Каждая фаза требует своего UI и логики. Мы автоматизируем переключение состояний на основе данных контракта, исключая ошибки ручного управления.
Whitelist с Merkle tree. Чтобы допустить к продаже только проверенных участников, мы используем Merkle tree. Это позволяет хранить список допуска offchain, а на контракте проверять только корень. Фронтенд генерирует proof для каждого адреса. Без этой механики whitelist либо дорогой (хранение массива в контракте), либо централизованный (backend-проверка). Наш подход балансирует между децентрализацией и газ-эффективностью.
Точный расчёт токенов и вестинг. Пользователи вносят ETH, получают токены по цене пресейла. Мы реализуем калькулятор с обратной связью в реальном времени, учитывая персональные лимиты и уже внесённые суммы. Вестинг настраивается: линейный или с клиффом, распределение по раундам.
Почему Merkle tree — лучший выбор для whitelist?
Хранение полного списка whitelist в смарт-контракте стоит дорого: каждая запись добавляет ~20 000 gas. При списке в 10 000 адресов это около 200 000 000 gas — экономия до $5000 при текущих ценах. Merkle tree сокращает эту стоимость в 10 раз, так как на блокчейне хранится только один 32-байтовый корень. Участник предоставляет proof, проверяемый за ~3000 gas. Это делает launchpad масштабируемым и доступным для проектов с тысячами инвесторов. Подробнее о Merkle tree.
Как мы обеспечиваем безопасность смарт-контрактов?
Все контракты пишутся на Solidity с использованием OpenZeppelin библиотек — стандарт безопасности в индустрии. Мы используем паттерны ReentrancyGuard, Pausable, Ownable. Перед релизом каждый контракт проходит внутренний аудит с Foundry (тесты покрытия >95%) и внешний аудит в сертифицированных компаниях (CertiK, Quantstamp). Дополнительно настраиваем multisig для управления средствами и мониторинг на Sentry.
Как мы строим launchpad?
- Frontend: React 18, TypeScript, Tailwind CSS, Wagmi, viem. Используем RSC и Suspense для оптимизации загрузки.
- Smart contracts: Solidity, OpenZeppelin, Foundry. Контракты пресейла с возможностью whitelist, вестинга и refund.
- Инфраструктура: Vercel для фронтенда, AWS для API и базы, IPFS для хостинга метаданных.
- Интеграции: WalletConnect, MetaMask, Coinbase Wallet, любые EVM-кошельки.
Пример: для одного из клиентов мы развернули launchpad с двухфазной продажей (whitelist + public), вестингом 6 месяцев и автоматическим клеймингом. Проект собрал hard cap за 4 часа. Все контракты проверены CertiK.
Что входит в работу
| Этап | Что делаем | Срок |
|---|---|---|
| Анализ и спецификация | Описываем бизнес-логику, фазы, лимиты, механику вестинга | 1–2 дня |
| Дизайн UI/UX | Макеты экранов для каждой фазы, десктоп + мобильные | 2–3 дня |
| Разработка смарт-контрактов | Solidity + тесты на Foundry, деплой в testnet | 3–5 дней |
| Frontend | Интеграция с контрактом, калькулятор, таймер, прогресс-бар | 4–7 дней |
| Аудит и тестирование | Внутренний аудит, code review, исправление багов | 2–4 дня |
| Запуск и сопровождение | Деплой, мониторинг, пост-релизная поддержка 2 недели | 1–2 дня |
Сравнение базового и расширенного пакета
| Параметр | MVP (базовый) | Full Launchpad |
|---|---|---|
| Количество раундов | 1 | до 5 |
| Whitelist | — | Merkle tree + tiered |
| Вестинг | — | Линейный/клифф |
| Клейминг | Вручную | Автоматически |
| Аудит | Формальный | CertiK/Quantstamp |
| Срок | 4–5 дней | 10–14 дней |
Процесс работы
- Аналитика — описываем логику, фазы, лимиты, вестинг.
- Проектирование — архитектура контрактов, UI/UX макеты.
- Реализация — контракты (Solidity) + фронтенд (React) параллельно.
- Тестирование — юнит-тесты, интеграционные тесты, code review.
- Деплой — в mainnet, мониторинг, передача документации.
Этапы могут пересекаться; сроки уточняются после брифа.
Ключевые компоненты интерфейса
Транзакция взноса с Merkle proof (нажмите, чтобы развернуть)
// hooks/useContribute.ts
import { useWriteContract, useWaitForTransactionReceipt } from 'wagmi';
import { getMerkleProof, isWhitelisted } from '@/lib/merkle';
export function useContribute(contractAddress: `0x${string}`, phase: number) {
const { address } = useAccount();
const { writeContract, data: txHash, isPending } = useWriteContract();
const { isLoading: isConfirming, isSuccess } = useWaitForTransactionReceipt({ hash: txHash });
const contribute = async (ethValue: bigint) => {
if (!address) return;
if (phase === 1) {
if (!isWhitelisted(address)) {
throw new Error('Адрес не в whitelist');
}
const proof = getMerkleProof(address);
writeContract({
address: contractAddress,
abi: PRESALE_ABI,
functionName: 'contribute',
args: [proof],
value: ethValue,
});
} else {
writeContract({
address: contractAddress,
abi: PRESALE_ABI,
functionName: 'contributePublic',
value: ethValue,
});
}
};
return { contribute, txHash, isPending, isConfirming, isSuccess };
}
Компонент таймера обратного отсчёта (нажмите, чтобы развернуть)
// components/CountdownTimer.tsx
import { useEffect, useState } from 'react';
interface TimeLeft {
days: number;
hours: number;
minutes: number;
seconds: number;
}
function calcTimeLeft(targetTs: number): TimeLeft {
const diff = Math.max(0, targetTs * 1000 - Date.now());
return {
days: Math.floor(diff / 86_400_000),
hours: Math.floor((diff % 86_400_000) / 3_600_000),
minutes: Math.floor((diff % 3_600_000) / 60_000),
seconds: Math.floor((diff % 60_000) / 1_000),
};
}
export function CountdownTimer({ targetTs, label }: { targetTs: number; label: string }) {
const [timeLeft, setTimeLeft] = useState<TimeLeft>(calcTimeLeft(targetTs));
useEffect(() => {
const interval = setInterval(() => setTimeLeft(calcTimeLeft(targetTs)), 1000);
return () => clearInterval(interval);
}, [targetTs]);
return (
<div className="text-center">
<p className="mb-3 text-sm text-neutral-400">{label}</p>
<div className="flex items-center gap-3">
{[
{ value: timeLeft.days, label: 'дней' },
{ value: timeLeft.hours, label: 'часов' },
{ value: timeLeft.minutes, label: 'минут' },
{ value: timeLeft.seconds, label: 'секунд' },
].map(({ value, label }) => (
<div key={label} className="min-w-[60px] rounded-xl bg-neutral-800 p-3 text-center">
<span className="block text-2xl font-bold tabular-nums">
{String(value).padStart(2, '0')}
</span>
<span className="text-xs text-neutral-500">{label}</span>
</div>
))}
</div>
</div>
);
}
Калькулятор распределения токенов (нажмите, чтобы развернуть)
// components/ContributionCalculator.tsx
import { formatEther, formatUnits, parseEther } from 'viem';
interface Props {
tokenPrice: bigint;
minContrib: bigint;
maxContrib: bigint;
userContrib: bigint;
tokenDecimals?: number;
}
export function ContributionCalculator({
tokenPrice, minContrib, maxContrib, userContrib, tokenDecimals = 18,
}: Props) {
const [ethAmount, setEthAmount] = useState('');
const ethWei = ethAmount ? parseEther(ethAmount) : 0n;
const tokensReceived = tokenPrice > 0n ? (ethWei * BigInt(10 ** tokenDecimals)) / tokenPrice : 0n;
const remaining = maxContrib - userContrib;
const canContribute = ethWei >= minContrib && ethWei <= remaining;
return (
<div className="space-y-4">
{/* original */}
</div>
);
}
Прогресс-бар с отображением сбора (нажмите, чтобы развернуть)
function FundingProgress({ raised, hardCap, softCap }: { raised: bigint; hardCap: bigint; softCap: bigint }) {
const raisedEth = parseFloat(formatEther(raised));
const hardCapEth = parseFloat(formatEther(hardCap));
const softCapEth = parseFloat(formatEther(softCap));
const progress = (raisedEth / hardCapEth) * 100;
const softCapPercent = (softCapEth / hardCapEth) * 100;
return (
<div>
<div className="mb-2 flex justify-between text-sm">
<span>{raisedEth.toFixed(2)} ETH собрано</span>
<span>{progress.toFixed(1)}%</span>
</div>
<div className="relative h-3 overflow-hidden rounded-full bg-neutral-800">
<div
className="h-full rounded-full bg-gradient-to-r from-blue-600 to-violet-600 transition-all duration-500"
style={{ width: `${Math.min(progress, 100)}%` }}
/>
<div
className="absolute top-0 h-full w-0.5 bg-yellow-400"
style={{ left: `${softCapPercent}%` }}
/>
</div>
<div className="mt-1 flex justify-between text-xs text-neutral-500">
<span>Soft cap: {softCapEth} ETH</span>
<span>Hard cap: {hardCapEth} ETH</span>
</div>
</div>
);
}
Как заказать разработку
Свяжитесь с нами через форму на сайте — мы оценим ваш проект, предложим архитектуру и сроки. Получите консультацию бесплатно. Закажите разработку launchpad под ваш проект и запустите токенсейл без рисков.