Из чего на самом деле состоит сайт? Разбираем на компоненты.
Для пользователя сайт - это страница. Для нас - конструктор из взаимосвязанных модулей. Вот основное:
Фронтенд (Лицо)
· UI-компоненты: Шапка, герой-секция, карточки, формы, футер, модалки. · Клиентская логика: Роутинг (SPA), обработка событий, работа с API. · Технологии: React/Vue, TypeScript, стейт-менеджеры.
Бэкенд (Мозги)
· Ядро: Роутер, контроллеры, бизнес-логика, модели данных. · Работа с данными: Сервисы, ORM (Prisma, TypeORM). · Инфраструктура: Аутентификация (JWT, OAuth), кэш (Redis), очереди задач, файловое хранилище.
Хранение
· Базы данных: PostgreSQL, MongoDB - для постоянных данных. · Кэш: Redis - для сессий и горячих данных.
Внешние сервисы
Платежки (Stripe), почта (SendGrid), аналитика, CDN, поиск (Algolia) - сайт редко «остров».
Сборка и деплой
Vite/Webpack, CI/CD (GitHub Actions), Docker, хостинг (Vercel/облака).
Сайт - это десятки компонентов, которые нужно связать в надёжную систему. Понимание этой «анатомии» даёт контроль над проектом.
