Чуть позже, когда закончу с фичами которые хочу сделать и с багами, оберну это всë в один красивый постс прикрепленными файлами скринами (то что выше думаю удалю — это хаос создает какой то)
Все эти 10 дней занимаюсь продуктом клиента.. Скоро отправлю сюда что внедрил в обычный лендинг..
MR MAX DISPATCH: ЛЕНДИНГ, КОТОРЫЙ СТАЛ CMS
Клиент пришёл на кворк с одной ссылкой: uzbtrucking.com
Запрос: «Сможете делать похожий? С админкой для замены картинок и текста.»
Казалось бы — лендинг. 10 дней. React + Next.js. Форма обратной связи в телеграм.
Через 10 дней я сдал полноценную CMS с мультиязычностью, динамическим брендированием, системой ролей и живым редактированием контента.
Как это произошло? Поэтапно.
━━━━━━━━━━━━━━━━━━━━━━━━
📋 ЧТО ПРОСИЛ КЛИЕНТ:
ЧТО ПОЛУЧИЛОСЬ:
━━━━━━━━━━━━━━━━━━━━━━━━
💡 ЧТО ДОБАВИЛ ОТ СЕБЯ:
━━━━━━━━━━━━━━━━━━━━━━━━
📊 ИТОГ:
Клиент тестировал дотошно — с двух айфонов, с андроида, с сафари, с яндекса. Каждый баг — скриншот + описание. Лучший тип заказчика.
Стек: Next.js 14 · TypeScript · Prisma · SQLite · Tailwind CSS · Framer Motion · Telegraf · Node.js
Деплой: Ubuntu VPS · pm2 · nginx · Let's Encrypt SSL
autistic systems architect, real.
сотрудничество → @vqns7
ОТЗЫВЫ: @commentsV1nSky
#dispatch #лендинг #cms #nextjs #react #typescript #freelance #kwork
Клиент пришёл на кворк с одной ссылкой: uzbtrucking.com
Запрос: «Сможете делать похожий? С админкой для замены картинок и текста.»
Казалось бы — лендинг. 10 дней. React + Next.js. Форма обратной связи в телеграм.
Через 10 дней я сдал полноценную CMS с мультиязычностью, динамическим брендированием, системой ролей и живым редактированием контента.
Как это произошло? Поэтапно.
━━━━━━━━━━━━━━━━━━━━━━━━
📋 ЧТО ПРОСИЛ КЛИЕНТ:
→ Лендинг как uzbtrucking.com
→ Адаптив (десктоп + мобилка)
→ Мультиязычность (RU/UZ/EN)
→ Форма заявки → уведомление в Telegram
→ Админка: менять тексты и картинки
ЧТО ПОЛУЧИЛОСЬ:
→ Next.js 14 + TypeScript + Prisma + SQLite
→ Полная админ-панель с 9 секциями контента
→ Динамическое брендирование (название, лого, favicon, цвета — всё из админки)
→ Управление лидами со статусами (New → Contacted → Approved → Rejected)
→ Система ролей для Telegram-бота (супер-админ / админ / доступ запрещён)
→ SEO-панель (meta title, description, keywords, OG image на каждую страницу)
→ Video Modal (YouTube embed из настроек)
→ Team Carousel с загрузкой фото из админки
→ Change Password из любого экрана админки
→ PBKDF2 хеширование паролей с принудительной сменой при первом входе
→ Rate limiting (login: 5/15min, leads: 10/h, content: 30/min)
→ Security headers (HSTS, X-XSS-Protection, X-Frame-Options, CSP)
→ Деплой на VPS + HTTPS + домен mrmaxdispatch.com
━━━━━━━━━━━━━━━━━━━━━━━━
💡 ЧТО ДОБАВИЛ ОТ СЕБЯ:
→ Изменение брендовых цветов из админки (клиент ещё не определился с цветом — пусть меняет без меня)
→ Система админов в Telegram-боте (клиент забыл спросить, а я подумал и сделал)
→ Инструкция для клиента на 40+ страниц (PDF с чек-листами, аварийными командами и FAQ)
→ Видео-демо работы сайта (YouTube)
→ Бесплатный деплой на VPS (первый клиент на площадке — пусть будет бонусом)
━━━━━━━━━━━━━━━━━━━━━━━━
📊 ИТОГ:
→ 10 секций контента в админке
→ 8 моделей в базе данных
→ 15+ API endpoints
→ 10 багфиксов за 10 дней
→ 1 довольный клиент
→ 1 отзыв на 5 звёзд ⭐
→ 1 проект в портфолио
Клиент тестировал дотошно — с двух айфонов, с андроида, с сафари, с яндекса. Каждый баг — скриншот + описание. Лучший тип заказчика.
Стек: Next.js 14 · TypeScript · Prisma · SQLite · Tailwind CSS · Framer Motion · Telegraf · Node.js
Деплой: Ubuntu VPS · pm2 · nginx · Let's Encrypt SSL
autistic systems architect, real.
сотрудничество → @vqns7
ОТЗЫВЫ: @commentsV1nSky
#dispatch #лендинг #cms #nextjs #react #typescript #freelance #kwork
LEADHUNTER V6.0 — ТЕПЕРЬ ЭТО ПОЛНОЦЕННОЕ ПРИЛОЖЕНИЕ ВНУТРИ TELEGRAM
Пока все продолжают делать ботов с кнопками, я взял и засунул в LeadHunter настоящее Mini App.
Больше не нужно прыгать между чатом и внешним сайтом. Всё управление лидогенерацией — в одном окне прямо в телефоне.
Что теперь можно делать прямо в Mini App:
Под капотом:
Стек:
FastAPI + Telethon + aiogram 3 + SQLite + Vanilla JS SPA
autistic systems architect, real.
Сотрудничество →
Отзывы →
#LeadHunter #MiniApp #Telegram #SaaS
Пока все продолжают делать ботов с кнопками, я взял и засунул в LeadHunter настоящее Mini App.
Больше не нужно прыгать между чатом и внешним сайтом. Всё управление лидогенерацией — в одном окне прямо в телефоне.
Что теперь можно делать прямо в Mini App:
📊 Dashboard — полный обзор: лиды сегодня, за неделю, горячие, средний AI-score, статус аккаунтов
👥 Лиды — удобный список с фильтрами, AI-оценками и аватарками
🎯 Live Hunter — запуск реал-тайм мониторинга одной кнопкой + мгновенные уведомления
💳 Аккаунты — управление всеми Telegram-аккаунтами, статусы, flood wait таймер
📁 Ниши — создание и запуск своих категорий поиска
📨 Рассылки — шаблоны + отправка по базе
📤 Экспорт — в CSV или Excel за пару тапов
💰 Подписка — все тарифы + оплата через ЮKassa
Под капотом:
Полноценная SPA-архитектура (Vanilla JS)
Реал-тайм обновления через WebSocket
Автоматическая авторизация через Telegram
Bento Grid + тёмная/светлая тема
Haptic feedback (вибрация)
Красивые toast-уведомления
Из обычного бота с кнопками мы сделали настоящее приложение внутри Telegram. Удобно, быстро, красиво.
Стек:
FastAPI + Telethon + aiogram 3 + SQLite + Vanilla JS SPA
autistic systems architect, real.
Сотрудничество →
@vqns7Отзывы →
@commentsV1nSky