Веб-сайт барбершопа «Гётин» с CMS

Полнофункциональный веб-сайт для барбершопа в Красноярске с интегрированной системой управления контентом. Проект включает публичную часть для клиентов и административную панель для управления всем контентом сайта.

Технологический стек

Frontend:

• SvelteKit 2 — современный мета-фреймворк с SSR/SSG

• TypeScript — строгая типизация для надежности кода

• TailwindCSS 4 — utility-first CSS фреймворк

• Vite 7 — быстрая сборка и HMR

UI/UX:

• shadcn-svelte — переиспользуемые UI компоненты

• Formsnap + Superforms — продвинутая валидация и обработка форм

• Svelte Sonner — уведомления пользователей

Интеграции:

• Yandex Maps API — интерактивная карта с местоположением

• YClients Widget — система онлайн-записи клиентов

• Smart Captcha — защита форм от спама

Реализованный функционал

Публичная часть:

• Адаптивная главная страница с секциями: Hero, Услуги, Галерея, Контакты

• Интеграция Yandex Maps для отображения местоположения

• Форма обратной связи с валидацией и капчей

• Галерея работ с оптимизированной загрузкой изображений

• SEO-оптимизация (meta-теги, Open Graph, Schema.org разметка)

• Геотаргетинг для локального SEO (Красноярск)

Административная панель:

• Система аутентификации

• CRUD для всех сущностей:

  • Услуги с ценами

  • Галерея изображений

  • Отзывы клиентов

  • Контактная информация

  • Социальные сети

  • SEO-настройки

• Загрузка и управление изображениями

• Управление геолокацией

Технические решения

1. SSR/SSG — серверный рендеринг для лучшего SEO и производительности

2. Type-safe формы — Superforms с Zod-валидацией

3. Оптимизация изображений — WebP формат, lazy loading

4. Адаптивный дизайн — mobile-first подход

5. Docker deployment — multi-stage build для production

6. Модульная архитектура — изолированные, переиспользуемые модули

Результат

Современный, быстрый и SEO-оптимизированный сайт с удобной системой управления контентом. Клиент получил полный контроль над содержимым сайта без необходимости в технических знаниях.