Full Stack Blog – Итоги 2023 года. Блог в цифрах и планы

25 December 2023

Итоги 2023 года. Блог в цифрах и планы

Вторая половина 2023го года выдалась довольно сложной и как результат было мало времени заниматься полноценными статьями. Но, несмотря на это цифры статистики по блогу получились довольно интересными: +14100% роста по пользователям - это прям отличный результат :).

Блог за 2023 год в цифрах

Все данные взяты из "Яндекс Метрика" с настройкой для исключения активности ботов.

Посещаемость, пользователи, просмотры

Новых пользователей за год Яндекс насчитал аж 426 штук. На графике показано распределение новых пользователей по месяцам: new_users_2023.png

Далее - просмотров страниц с распределением по месяцам: page_views_2023.png

Посещаемость в разрезе сессий, просмотров страниц и прихода новых пользователей: attendance_2023.png

Немного интернациональный блог

Тут пакозаны страны из которых зарегистрированы заходы на сайт: countries_2023.png Это не полный список, довольно много заходов по два и одному разу. Метрика позволяет посмотреть что делал пользователь на сейте :) и могу сказать, что большинство из этих заходов - это реальные пользователи.

Пол и возраст посетителей

gender_2023.png с явным перевесом девочки проиграли

age_2023.png

Устройства пользователей

Тут могу выдвинуть гипотезу, что искать информацию все еще удобнее с PC. Но мобилки догоняют и не зря я адаптировал блог для мобильных устройств. device_type_2023.png

Популярный контент

popular_content_2023.png

Поисковые запросы

Представлены поисковые запросы из выдачи которых пользователи приходили в блог.

И тут есть чему удивляться.

  • "spring boot vs nestjs" - вот эту ерунду я написал просто от нечего делать. Но! оказывается есть люди которым интересно такое сравнение.
  • "c# discard зачем?" - вопрос, который не дает мне покоя до сих пор :)
  • "angular get data from two apis" - на статью с названием Get data from multiple sources in Angular application. Тоже думал, что это странная тема и никому интересна не будет.

keywords_2023.png

Архитектура блога

Текущая архитектура

Попробую очень кратко описать как устроен блог.

Архитектура

Блог - это статический сайт. Статьи пишутся в Markdown. Используются плагины для обработки картинок, подсветки кода, тестирвания SEO, sitemap и так далее.

Статический сайт а не движок типа Wordpress был выбран по двум основным причинам:

  • Крайне простая инфраструктура в проде. Что убирает множество проблем и головной боли.
  • Стоимость владения.

Освноные моменты:

  • Pelican - движок сайта.
  • Pelican с зависимостями упакован с Docker образ и используется для локальных тестов и сборки в прод.
  • Хостится в Object Storage (S3) сервисе в Yandex Cloud.
  • CDN не используется.
  • Доменом управляет Yandex Cloud.
  • Let’s Encrypt cертификатом для https управляет Certificate Manager в Yandex Cloud. И это очень крутой сервис, избавляющий от головной боли.
  • Редактирование сайта - это работа с git репозиторием в IntelliJ IDEA или VSCode.
  • Хостинг гит репозитория - GitLab.
  • Сборка проекта, генерение статики, деплоймент - GitLab CI/CD.
  • Метрики собираются в metrika.yandex.ru

Добавление новой статьи

Процесс добавления новой статьи выглядит следующим образом:

  1. Клонировать репозиторий или использовать уже имеющийся.
  2. Добавить новую статью из шаблона в Markdown формате.
  3. Запустить локальный сервер для разработки.
  4. Написать статью.
  5. Сделать commit & push.
  6. GitLab CI/CD: build, сгенерировать статику и сохранить артефакт.
  7. GitLab CI/CD: деплоймент артефакта в S3 на QA среду.
  8. Проверить QA и если все в порядке нажать кнопку для продолжения развертывания.
  9. GitLab CI/CD: деплоймент артефакта в S3 на PROD среду.
  10. Ручками добавить анонс в Telegram.

done

Стоимость владения

clickable blog-in-yc-2023_at_2023.12.25.png

Этот график немного врет. Я использовал это пространство не только для блога и это немного увеличивает потребление ресурсов и делает его не стабильным в течении года. Но, даже если принять что это потребление блога, то итоговая стоимость за год все еще не большая за постоянно доступный сайт с доменом и под https.

Проблемы текущего решения

  • Только два типа для контента: страница и статья блога.
  • Нет интерактивных страниц.
  • Изменение разметки с добавлением новых сущностей - не простая задача.
  • Навигация по контенту. При просмотре статьи перед глазами нет структуры.

Планы на 2024й

Хочу немного прокачать блог под мои цели в 2024м году. Хочу сделать так, чтобы можно было писать не только статьи, но и заметки, описание технологий. В общем, сделать так, чтобы можно было на этой платформе собирать знания разного рода и удобно в них капаться.

Сейчас блог построен на Pelican, который потребует значительных доработок, чтобы удовлетворить всем моим хотелкам. И поэтому миграция на новый движок неизбежна :). С высокой долей вероятности решением станет Docusaurus.

Docusaurus - это инструмент создания документации. Интересен он следующим:

  • open source
  • позволяет создавать контент разного типа
  • MDX решает проблему интерактивности и разных моих хотелок
  • новые типы страниц/компонентов легко сделать с React
  • SEO не пройдет стороной. Это все еще генератор статических сайтов

    И так далее ;)

Буду менять движок, чтобы получить возможность делать больше и быстрее, но уже в более узкой области. Надеюсь, что название full-stack не придется менять, хотелось бы остаться в этом контексте.


С наступающим Новым 2024 годом! Удачи нам!