Веб-сайт SC-Riber
Современный, адаптивный корпоративный веб-сайт на Flutter Web. Представляет дизайн glassmorphism, плавные анимации, поддержку тёмного режима и безопасную аутентификацию с OAuth + PassKey.
ВЕБ-САЙТ SC-RIBER
Резюме
Веб-сайт SC-Riber — это современный, адаптивный корпоративный веб-сайт портфолио, полностью построенный на Flutter Web. Проект демонстрирует наши продукты, проекты и контент блога с акцентом на пользовательский опыт, визуальную привлекательность и передовую безопасность.
Ключевые слова: Flutter Web, OAuth, PassKey, WebAuthn, Cloudflare, адаптивный дизайн, glassmorphism
1. Введение
Веб-сайт SC-Riber служит цифровым лицом нашей компании, представляя наше портфолио проектов, продукты и техническую экспертизу. Построенный на технологии Flutter Web, сайт обеспечивает согласованный, высококачественный опыт на всех платформах и устройствах.
2. Основные функции
2.1. Адаптивный дизайн
Полностью адаптивная вёрстка, которая плавно подстраивается под экраны настольных компьютеров, планшетов и мобильных устройств.
2.2. Тёмная и светлая темы
Полная поддержка тем с плавными переходами между тёмным и светлым режимами.
2.3. UI Glassmorphism
Современная эстетика с элементами glassmorphism, тонкими эффектами размытия и полупрозрачными поверхностями.
2.4. Анимации при прокрутке
Увлекательные микровзаимодействия и анимации, активируемые прокруткой.
2.5. Система блога
Интегрированная платформа блога с полной поддержкой Markdown, фильтрацией по категориям и функцией поиска.
2.6. Современная система входа (OAuth + PassKey)
Передовая система аутентификации:
- Интеграция OAuth 2.0: Бесшовный вход с аккаунтами Google, GitHub и Discord
- Поддержка PassKey: Беспарольная аутентификация по стандарту WebAuthn/FIDO2
- Безопасное управление сессиями: Зашифрованные токены сессий с автоматическим обновлением
- Многофакторная аутентификация: Усиленная безопасность с несколькими методами верификации
2.7. Многоязычная поддержка
Полная интернационализация с поддержкой более 10 языков.
3. Техническая архитектура
3.1. Frontend
- Flutter Web: Кроссплатформенный UI-фреймворк
- Адаптивная вёрстка: Адаптивные шаблоны дизайна для всех размеров экрана
- Управление состоянием: Эффективная обработка состояния с паттерном Provider
3.2. Backend-инфраструктура
- Cloudflare Workers: Бессерверные вычисления на границе для API-эндпоинтов
- Cloudflare D1: SQLite-совместимая база данных на границе
- Cloudflare R2: Объектное хранилище для медиа и статических ресурсов
- better-auth: Современная библиотека аутентификации с поддержкой OAuth и PassKey
4. Функции безопасности
- HTTPS везде: Все соединения зашифрованы с помощью TLS 1.3
- Защита от CSRF: Токен-based защита от межсайтовой подделки запросов
- Ограничение частоты запросов: Защита от атак методом подбора и DDoS
- Политика безопасности контента: Строгие CSP-заголовки для предотвращения XSS-атак
5. Оптимизация производительности
- Edge-развёртывание: Контент доставляется из более чем 200 глобальных локаций
- Оптимизация ресурсов: Сжатые изображения и ленивая загрузка
- Разделение кода: Загрузка по требованию для более быстрой начальной загрузки страницы