paulopmann.com
> личный сайт и портфолио
Этот сайт: портфолио с навигацией и ощущением терминала, собранное как статически генерируемое приложение на Next.js.
- роль
- Дизайн и разработка
- период
- 2026
- стек
- TypeScript, React, Next.js, Tailwind CSS, Vercel
- сайт
- paulopmann.com
Обзор
Мне хотелось портфолио, которое читается как инструменты, с которыми я работаю каждый день, а не как шаблон. Главная страница устроена как сессия в терминале: каждый раздел это файл, история работы это git log, а стек это конфигурационный файл.
Все страницы генерируются статически и отдаются с Vercel. Контент лежит в типизированных модулях, поэтому добавить проект или поправить текст означает изменить код, который проверяет компилятор TypeScript.
Возможности
01
Терминальная раскладка
Закреплённая колонка с именем, содержанием и ссылками, а контент прокручивается рядом. Разделы названы как файлы, опыт показан как граф коммитов, где текущая должность отмечена как HEAD.
02
Командная палитра
Cmd+K или Ctrl+K открывает меню для работы с клавиатуры: переход к разделам и кейсам, копирование почты и открытие профилей. Команды фильтруются по мере ввода и запускаются по Enter.
03
Позиция чтения
Содержание, статусная строка и хеш в URL следуют за разделом, который сейчас читается. Хеш обновляется без новых записей в истории, а прямая ссылка сохраняется, даже если страница не может прокрутить раздел до верха.
04
Типизированные кейсы
Каждый кейс описан данными: возможности задаются один раз вместе со скриншотами, и каждая локаль обязана дать соответствующий текст. Пропущенный перевод или описание ломает сборку, а не попадает в продакшен.
