Glyph — современное веб-приложение, построенное с акцентом на быструю итерацию, реалтайм-геймплей и минимальные операционные расходы.
Стек
Frontend: Next.js 15, React 19, TypeScript
Стили: Tailwind CSS
Backend и база данных: Supabase (PostgreSQL)
Хостинг: Vercel
Мониторинг: Sentry
Тесты: Vitest, Playwright
Почему этот стек
Цель — держать систему простой, гибкой и готовой к развитию по мере роста продукта.
Next.js даёт хороший баланс между производительностью и удобством разработки — SSR для SEO, App Router для гибкой структуры страниц
Supabase + PostgreSQL позволяет работать со структурированными игровыми данными без лишней инфраструктуры
Vercel обеспечивает быстрые деплои и простое масштабирование с zero-config CI/CD
TypeScript помогает поддерживать кодовую базу по мере роста сложности
Ключевые принципы
Гибкая контентная модель
Glyph спроектирован для поддержки нескольких настольных систем без жёсткой привязки к конкретным правилам. Это позволяет расширяться за пределы D&D 5e и Dungeon World без серьёзных изменений в бэкенде.
Реалтайм-взаимодействие
Платформа поддерживает обновления в реальном времени для игровых функций, таких как поле битвы. Система спроектирована для корректной обработки одновременных действий нескольких игроков.
Поиск и доступ к контенту
Glyph использует встроенные возможности базы данных для быстрого поиска по большому объёму структурированного контента. Это сохраняет систему простой по сравнению с подключением внешних поисковых движков.
Двуязычность
Весь интерфейс и контент доступны на русском и английском языках. Переключение языка — мгновенное, без перезагрузки страницы.
Обзор системы
Архитектура следует простой клиент-серверной модели:
Клиент (браузер) отвечает за рендеринг интерфейса и взаимодействие с пользователем
Прикладной слой управляет API-маршрутами и серверной логикой
База данных хранит структурированный игровой контент, данные пользователей и состояние битв