Сайт проекта «Как Всё Устроено»

О проекте

«Как Всё Устроено» представляет собой информационно-образовательный портал. Он объединяет материалы Леры Некрасовой и соавторов в единую базу знаний. Я разработал и запустил портал, чтобы хранить, систематизировать и распространять лекции, статьи, подкасты и исследования о законах реальности, тонких планах и природе сознания. В архиве нужно было упорядочить тысячи лекций и статей.

Что было сделано

Сайт написал с нуля вместе с панелью управления для редакторов.

• У каждого публичного раздела своя логика. Сделал общий поиск, разбивку списков на страницы, светлую и тёмную темы, адаптивную вёрстку, встроенный аудиоплеер и кнопки «Поделиться».
• Написал собственную панель управления. Без помощи программиста редакторы могут менять темы, лекции, статьи, подкасты, страницы авторов, глоссарий, тексты интерфейса и ссылки на соцсети и блоги. Картинки и аудио можно загрузить прямо в панели.
• Разделил роли и права пользователей. Вход в панель закрытый, у каждого пользователя свой уровень доступа к редактированию.
• Добавил почтовые уведомления администраторам.
• Настроил автоматическую очистку. Сервер находит загруженные файлы, которые больше нигде не используются, и удаляет их.
• Собрал данные из нескольких источников и написал парсеры для Boosty и Дзена. При первом наполнении использовал нейросети для сортировки и массовой редакторской обработки. После ручной проверки редактор может отметить материал как проверенный.
• При подготовке данных продумал их структуру так, чтобы разным ИИ-системам было проще обрабатывать материалы проекта. Так о проекте может узнать больше людей через ИИ-поиск.
• Сделал собственный плеер для подкастов и некоторых лекций.
• Разработал глоссарий с навигацией по терминам. Ссылкой на нужный термин можно поделиться отдельно.
• В «Творческой мастерской» у авторов есть персональные страницы с публикациями, контактами и ссылками на соцсети. Автор может отправить одну ссылку на все свои работы. На Дзене приходилось отправлять статьи по отдельности.
• На доводке оптимизировал скорость и расход памяти, настроил кэширование картинок и страниц и работу сайта в нескольких процессах. Внёс десятки правок в дизайн и детали интерфейса.

Особенности сайта «Как Всё Устроено»

1. Связи между материалами. В глоссарии видно, в каких лекциях, статьях или подкастах встречается термин. Из самой публикации можно открыть его определение.
2. Подготовка для поисковых систем. Страницы формируются на сервере (SSR), поэтому поисковики сразу получают полный текст. Настроил карту сайта, RSS-ленты, микроразметку и Open Graph для карточек в мессенджерах. Для ИИ-краулеров предусмотрен файл llms.txt.
3. ИИ-помощник в админке. Он помогает улучшить описание лекции или другого материала прямо в форме редактирования.
4. Иконки внешних ссылок. Когда редактор добавляет ссылку, сайт сам загружает и сохраняет логотип соответствующего ресурса.
5. Редактирование с публичной страницы. Авторизованный администратор видит кнопку «Редактировать» и по ней попадает в нужный раздел панели.
6. Установка как веб-приложения (PWA). На телефон можно добавить иконку и открывать сайт с главного экрана.
7. Хранение данных на своём сервере. Там же хранятся база и изображения, которые автоматически сжимаются в WebP. Для работы портала не нужны платная подписка на CMS и стороннее хранилище данных.

Проект сделан под ключ с учётом требований к разным разделам и к работе редакторов.

Презентация проекта

Эту презентацию я показывал вживую на встрече участников закрытого канала. На слайдах видны структура и задачи портала, примеры лекций и статей, мобильный плеер, «Творческая мастерская», глоссарий, поиск и обе темы оформления.

Проект создан на некоммерческой основе.