Обо мне Стек Резюме Работы Услуги FAQ Контакт
EN RU UZ
Главная / Портфолио / GreenTash Group
Корпоративный сайт · SSR · Админ-панель

GreenTash Group — Сайт студии фитодизайна

Обзор

Мультиязычный SSR-сайт с админ-панелью

Мультиязычный маркетинговый сайт для GreenTash Group — ташкентской студии фитодизайна, специализирующейся на озеленении интерьеров офисов, ресторанов и частных домов. Сайт презентует услуги студии по четырём направлениям (корпоративное озеленение, вертикальные фитостены, частные интерьеры, комплексные проекты), кураторскую галерею проектов с фильтрацией по категориям и блок партнёров — всё на трёх языках (EN/RU/UZ). Заявки с формы попадают в закрытую админ-панель, где команда обрабатывает их в течение суток.

Фронтенд построен на TanStack Start (файловая маршрутизация, SSR, server functions) и React 19, оформлен с помощью Tailwind CSS v4 и анимирован Motion. Layout с локалью ($locale/_layout) обеспечивает переключение EN/RU/UZ без перезагрузки данных, а Zustand сохраняет состояние локали при навигации. Сборка использует @tanstack/nitro-v2-vite-plugin с пресетом node-server для чистого деплоя в Docker. Админка — защищённый SPA с JWT-авторизацией, refresh-токенами и ролевыми гвардами роутов; через CRUD-интерфейсы на TanStack Query управляются четыре модуля: проекты, категории, партнёры и заявки.

Ключевые особенности
Полная мультиязычная поддержка: EN/RU/UZ через локаль-осведомлённый роутинг и Zustand-стор
TanStack Start SSR — server functions, route loaders, быстрая первая отрисовка
Защищённый SPA: JWT-авторизация с refresh-токенами и ролевыми гвардами роутов
Четырёхмодульный админ CMS: проекты, категории, партнёры и заявки
Галерея проектов с фильтрацией по категориям и модальным просмотром
Docker-деплой через Nitro V2 с пресетом node-server
О проекте
КатегорияКорпоративный сайт
КлиентGreenTash Group
ДатаАпрель 2025
Статус● Активен
Технологии
React TypeScript TanStack Start TanStack Router TanStack Query Tailwind v4 Motion Zustand Axios / JWT Docker Linux / Nginx
Открыть сайт