Назад к проектам
ЗавершёнNext.jsReactTypeScriptTailwind CSSGSAP2026

Портфолио Fravelz (Next.js)

Публичное портфолио на Next.js 16 и React 19: проекты, технологии, опыт и сертификаты. Маршруты с префиксом языка (es/en/ru/zh), по умолчанию Server Components, просмотр PDF сертификатов в модальном окне, тема светлая/тёмная/авто через cookie и localStorage, глобальный поиск по проектам и статическим страницам.

Смотреть демоСмотреть код

Скриншоты проекта

Портфолио Fravelz (Next.js) — vista previa

1 / 7

Чему я научился

  • App Router с `[lang]` и метаданными на страницу
  • Данные проектов — отдельные модули и `getProjectBySlug`
  • Тема до первого кадра: inline-скрипт и cookie синхронно с переключателем темы
  • Доступность модального PDF и поиска (роли, Escape, фокус)

Дополнительно

  • Это портфолио — площадка для экспериментов с UX, i18n и производительностью.
  • Скриншоты обновляются, когда меняется каркас или ключевые сценарии.

Технические детали

  • •Next.js 16 (App Router), React 19, TypeScript
  • •Tailwind CSS 4 — токены `globals.css` через `rgb(var(--color-*))`
  • •GSAP для отдельных анимаций (напр. страница 404)
  • •i18n: JSON в `public/locals/` и клиент `public/i18n.js`