П.ВИН
Tool

20 Файлов — Tool из портфолио Паши Вина

Онлайн-каталог из 20 PDF-материалов методологии продаж «Секреты корпорации»: просмотр в браузере, скачивание по одному и выгрузка всего пакета единым ZIP-архивом через серверный рендеринг.

01. КатегорияTool
02. РольFull-stack, Product
03. Датаянв 2026

Что это?

Онлайн-каталог из 20 PDF-материалов методологии продаж «Секреты корпорации»: просмотр в браузере, скачивание по одному и выгрузка всего пакета единым ZIP-архивом через серверный рендеринг.

Какую задачу решает?

Было: материалы рассылались вручную по запросу и терялись в переписке → Стало: единый каталог с мгновенной генерацией PDF и выгрузкой всего пакета в один клик.

Как реализовано?

Реализовано на стеке: Next.js, React, jszip, kp-renderer. Один источник материалов с серверным рендерингом PDF и пакетной выгрузкой архива.

Next.jsReactjszipkp-rendererTypeScriptNext.jsReactjszipkp-rendererTypeScriptNext.jsReactjszipkp-rendererTypeScriptNext.jsReactjszipkp-rendererTypeScript
20 методичек по продажам лежали в разных папках и рассылались клиентам вручную. Цель — собрать их в единый каталог с онлайн-просмотром и скачиванием всего пакета одним архивом.
20 Файлов
20 Файлов — 20 методичек по продажам лежали в разных папках и рассылались клиентам вручную.

Вызов

Разбросанные материалы

Десятки методичек по продажам жили в разных папках и отправлялись клиентам поштучно вручную.

  • — Каждый файл искали и пересылали отдельно
  • — Нет единой точки доступа к пакету
  • — Версии и формат расходились между копиями

Решение

Единый каталог

Один источник материалов с серверным рендерингом PDF и пакетной выгрузкой архива.

  • + Канонический список файлов в одном месте
  • + Серверная генерация PDF вместо печати из браузера
  • + Скачивание всего пакета одним ZIP-архивом

Архитектура & Стек

Mindmap

[ Mindmap Процессов / v2.0 ]
NODE.01

Каталог

единый список
TypeScript · Next.js

NODE.02

Рендер PDF

серверная генерация
kp-renderer · API Routes

NODE.03

ZIP-выгрузка

пакетная сборка
jszip

NODE.04

Витрина

страницы материалов
React · Tailwind

COREEngine

Смоделировано 100 предпринимателями

Бизнес Импакт

20

материалов в каталоге

1 клик

выгрузка всего пакета

0

ручной рассылки файлов

Открыть проект
Следующий кейс

КП Генератор →