SharapovLab: личный бренд и технологическая лаборатория

Обзор

SharapovLab начиналась как личная технологическая лаборатория про ИИ-системы, блокчейн, автоматизацию и цифровые продукты будущего, и этот сайт сам по себе — один из таких проектов: платформа без базы данных, целиком построенная на MDX и JSON, с приватным Git-дашбордом за кулисами.

Проблема

Персональный сайт-бренд обычно превращается в одно из двух: статичный шаблон-резюме, который устаревает через месяц, или тяжёлая CMS с базой данных, которую кто-то должен постоянно патчить и бэкапить. Ни то, ни другое не подходит человеку, которому нужен полный контроль над контентом как кодом, без администрирования базы данных и без борьбы с универсальной CMS.

Решение

SharapovLab работает как статически пререндеренное React-приложение, где каждый проект, услуга и статья — версионируемый MDX- или JSON-файл. Git здесь буквально выполняет роль базы данных. Всё редактируется через приватный дашборд, доступный только владельцу, который коммитит изменения прямо в репозиторий.

Архитектура

• React
• TypeScript
• Node.js
• AI Agents
• Web3 Technologies

Frontend — React и TypeScript, статически пререндеренный по локали и маршруту, так что краулеры — и поисковые системы, и ИИ-ассистенты — получают реальный контент, а не пустую оболочку. Serverless-функции на Node.js обрабатывают коммиты контента из дашборда и форму обратной связи. Контент целиком хранится как MDX и JSON, без базы данных вообще. А сам контентный конвейер спроектирован так, чтобы ИИ-агенты и будущая автоматизация были полноценными участниками, а не довеском к тому, что задумывалось только для редактора-человека.

Возможности

• Двуязычный контент и интерфейс, английский и русский, на каждой странице.
• Приватный дашборд, закрытый на один аккаунт владельца, редактирует MDX и JSON напрямую.
• Структурированные данные на каждой странице, настроенные и под SEO, и под видимость для ИИ-краулеров.

Технологии

• React
• TypeScript
• Node.js
• AI Agents
• Web3 Technologies

Галерея

Пока в разработке. Визуальные материалы появятся здесь по мере развития платформы.

Видео

Видео пока не опубликовано.

Roadmap

1. Контентный движок + публичный сайт

2. Приватный дашборд с сохранением через GitHub

3. Полноценная аналитика и SEO-инструменты

Сложности

Сохранить принцип «без базы данных» по-настоящему честным, при этом держа рабочий дашборд редактирования контента в продакшене — это значило провести каждое сохранение через GitHub API вместо файловой системы. Именно это решение определило почти всё остальное в устройстве платформы.

Уроки

Раздел будет пополняться по мере развития платформы.

Будущее

SharapovLab находится в активной разработке, и эта страница обновляется вместе с самой платформой.

Изменения

v2 — обновление SEO, бренда и стабильности по всей платформе.

• Общесайтовое SEO и текст главной страницы перепозиционированы вокруг оркестрации ИИ-агентов и мультиагентных систем, под то, что люди реально ищут прямо сейчас.
• В футер и блок контактов добавлена ссылка на GitHub, а на странице проектов — кнопка «Смотреть на GitHub».
• Новая визуализация в hero: сцена с космическим энергетическим ядром — вращающаяся wireframe-оболочка вокруг бренд-знака с реактивным полем частиц — вместо прежнего wireframe-конуса.
• Ребрендинг: новый логотип и favicon применены в шапке, футере, дашборде и структурированных данных.
• Исправлен ряд реальных продакшен-багов: форма контактов показывала ложную ошибку при успешной отправке, теги GA4/Clarity/Vercel Analytics были настроены, но никогда не загружались на клиенте, локальные страницы (/en, /ru) отдавали 404 при прямой загрузке или обновлении, плюс проблемы строгого режима TypeScript из-за noUncheckedIndexedAccess.

GitHub

Приватный репозиторий. Код самой платформы не публичен, хотя остальная часть github.com/ostapwsp-lab — да.

Демо

Вы пользуетесь им прямо сейчас.

FAQ