Video Studio: рендерим Reels кодом на Remotion и HyperFrames
Как мы построили video-studio с двумя движками — Remotion и HyperFrames — и задеплоили студии на video.pashavin.ru с авторизацией через Caddy.
#TypeScript
33 статей
Тег «TypeScript» собирает 33 материалов в блоге Паши Вина — про практическое применение AI, автоматизацию, SEO и разработку. Это не абстрактные заметки, а разборы задач, запусков и ошибок из реальных проектов: что сработало, что нет и что из этого можно перенести в свой бизнес.
Что здесь можно найти?
Кейсы, пошаговые решения, SEO-эксперименты, AI-инструменты и заметки про их применение в продакшене.
Кому полезна подборка?
Фаундерам, маркетологам, SEO-специалистам и разработчикам, которым нужны рабочие сценарии внедрения.
CRM интеграция Twenty: заявки из воронки автоматически
Я подключил crm интеграцию с Twenty CRM: заявки падают мгновенно с ответами анкеты. Нормализую телефон в E.164 - кривой номер не теряет лид.
Что такое автоматизация рутинных задач в боте постов
Что такое автоматизация рутинных задач - я разобрал на примере pasha-vin-post-bot: привязка триггеров к постам, черновики и экран связок слово-воронка.
Генератор коммерческих предложений и аналитика звонков на Next.js
Собрал генератор коммерческих предложений, транскрибацию звонков через Deepgram и CRM-аналитику продаж в одном Next.js 16-приложении для отдела продаж.
Бот для мероприятия: регистрация на Holistic4u Summit
Собрал бот для мероприятия на Bun + SQLite: 556 строк диалога, баги с seed и таймзоной до боевой рассылки, воронка в HTML-админке без фреймворков.
x10seo: миграция лендинга на Next.js и SEO-машина
Как мы перенесли WordPress-лендинг x10seo на Next.js, починили парсер ключевиков, настроили auto-deploy и backfill частотности через WordStat.
Коммерческое предложение на оказание услуг: генератор КП
Собрал генератор КП на Next.js: коммерческое предложение на оказание услуг из транскрипта созвона, диаграммы из CSV и рендер PDF через Playwright за пару минут.
Генератор КП: сбор заявок с сайта и диаграммы из CSV
Я собрал back-office на Next.js: генератор КП с диаграммами из CSV и сбор заявок с сайта через Brevo и Supabase. Автоматизация лидов с лендинга Tilda без потерь.
Разработка калькулятора для сайта: лендинг на Next.js
Разработка калькулятора для сайта из React-сниппета: я собрал калькулятор на 970 строк с i18n и лендинг под ключ на Next.js, пофиксил мобильную скорость.
Lightbox, видео-превью и починка автоблога gptweb.ru
Три бага в AI-агрегаторе gptweb.ru: сломанный lightbox картинок, отсутствие видео-превью в библиотеке и зацикленный автоблог. Разбор причин и код фиксов.
Не работает промокод на первый заказ: фикс UX в WebGPT
Не работает промокод на первый заказ в WebGPT: разбираю, что делать если промокод не работает - вытащил поле из скрытого модала, починил canonical.
Онлайн генератор коммерческих предложений для бизнес-школы: как мы убрали 2-3 часа ручной работы
Собрал генератор коммерческих предложений онлайн: Whisper, GPT-4o, ревьюер-агент. Бесплатный генератор КП - это не про нас, но скорость реальная.
Личный сайт разработчика pashavin.ru: Telegram-форма, автогенерация проектов и оптимизация
Я построил личный сайт разработчика с формой обратной связи Telegram, автогенерацией 13+ проектов через Claude API и устранил лаги через замену feTurbulence на PNG.
CRM для мессенджеров: чиним пагинацию, удалённых менеджеров и источники сделок
Три реальных кейса из работы с crm для мессенджеров: хардкод limit=50 скрыл 437 контактов, интеграция telegram crm не обработала удаление менеджера с 243 контактами.
ArbScanner: как я переделал калькулятор арбитража в ставках
Арбитраж в ставках стал понятнее: я добавил сценарии выплат, APY-сортировку и фильтр по дате. Калькулятор арбитраж теперь показывает реальный профит.
KP Generator: генератор создания презентаций для B2B-продаж
Собрал генератор создания презентаций с 12 слайдами, двухфазным AI и админкой - генератор презентаций по тексту ии на Next.js и Supabase.
Онлайн генератор коммерческих предложений и CJM-модуль: как мы автоматизировали воронку продаж школы Германа Юна
Я разобрал 40 багов в CJM-модуле и собрал онлайн генератор коммерческих предложений с AI-генерацией PDF для воронки продаж школы Германа Юна.
Twenty CRM на практике: интеграция, контакты, сделки
Twenty CRM как бэкенд мессенджера: как настроить двустороннюю синхронизацию контактов и сделок, пагинацию вместо хардкода limit=50 и unread tracking на реальном проекте.
ArbScanner: арбитраж в ставках на предикшн-маркетах - калькулятор, фильтры и APY
Разобрал арбитраж в ставках на Polymarket и Kalshi: калькулятор вилок с пошаговыми инструкциями, фильтр экспирации и APY-сортировка вилки ставка.
v0-german: генератор документов для воронки продаж
Как мы построили AI-генератор диагностических отчётов, КП и дорожных карт для воронки продаж на базе Next.js, OpenAI и Supabase.
Калькулятор букмекерских вилок: как я починил формулу и добавил фильтр по датам в ArbScanner
Собрал калькулятор букмекерских вилок с пошаговыми инструкциями и сценариями исходов. Фиксировал ошибку в формуле - вилка в ставках считалась неверно на 1-3%.
Редизайн pashavin.ru: как создать анимацию на сайте с Three.js и GSAP
Рассказываю, как решил создать анимацию на сайте: 2000 частиц на Three.js, GSAP ScrollTrigger и Lenis. Портфолио разработчика, которое запоминается.
Генератор презентаций по тексту нейросеть бесплатно - как я автоматизировал B2B КП на 12 слайдов
Собрал генератор презентаций по тексту нейросеть бесплатно: 12 слайдов, GPT-4o, Supabase. AI генератор презентаций для B2B КП с персонализацией.
Ребрендинг и доработка WebGPT на базе LobeChat
Как мы форкнули LobeChat, заменили маскот и брендинг на WebGPT, починили русский язык и добавили Admin-вкладку в сайдбар.
Починил нейросеть слайды: 4 бага в генераторе презентаций
Нейросеть слайды работала неправильно: я починил 4 бага в генераторе презентаций по тексту - Stitch, дизайн, race condition, таймаут 90с.
>-
>-
Сайт визитка создать с нуля: как я строил pashavin.ru итерациями
Сайт визитка создать с нуля - разбираю как я собирал личный сайт разработчика: Telegram-нотификации, страницы проектов, GSAP и Three.js.
YooKassa Billing и 9 фич за одну итерацию: миграция AI Aggregator на V3.0
Как мы внедрили YooKassa-биллинг, файловый аплоад, OpenAI-совместимый API и ещё 6 фич в AI Aggregator за одну итерацию разработки.
Калькулятор букмекерских вилок: как я переделал arbscanner и добавил фильтр дат
Переработал калькулятор букмекерских вилок в arbscanner: пошаговые инструкции, таблица сценариев и фильтр вилок ставок по дате окончания.
Сайт портфолио веб разработчика: переделал pashavin.ru с Three.js, GSAP и Telegram-формой
Переделал сайт портфолио веб разработчика: добавил форму обратной связи Telegram с 6 полями, подключил Three.js, GSAP и Lenis.
Создание дизайна презентации: 10 пресетов для AI-генератора вместо дропдауна из 2010-х
Я добавил 10 пресетов в генератор презентаций ИИ - brutalism, neon, glassmorphism. Создание дизайна презентации теперь с CSS-превью и Google Slides API.
SEO-агрегатор: объединяю два AI-прототипа и строю проверку позиции сайта по запросу
Объединяю 9 AI-инструментов и анализ ключевых слов в одну платформу. Проверка позиции сайта по запросу пока заглушка - строю реальный чекер через XMLRiver.
Как подключить ЮКассу на сайт: биллинг в форке LobeChat
Как подключить юкассу на сайт за 3 таблицы в БД: я заменил Stripe-заглушки LobeChat на реальную юкасса интеграцию с webhook и upsell.