Решил добавить Google Analytics на страницы блога для базового отслеживания переходов по страницам. 📊

Если коротко, то есть очень много способов сделать это, в статье я расскажу о двух из них. 🔥

Изучал различные блоги, аналогичные моему и решил добавить пару улучшений и в свой. 👨‍💻

- Блок "Поделиться в соц. сетях";
- Простейший механизм рекомендаций статей;

Вот что из этого вышло... 🎆

После провала unasprazdnik_ru у меня осталась куча наработок и интересных решений, и я активно ищу пути их использовать. 🧐

Одной из идей, витавших в моей голове уже какое-то время была идея сервиса с виджетом для stories. 🫥

Подробности в блоге 🔥

#startup

Несмотря на то, что я немного сбавил обороты, количество постов в блоге понемногу прибавляется, а находить их становится сложнее, поэтому я решил добавить поиск постов по тегам. 🧐

Подробности в статье 🔥

#nextjs #blog

Продолжаю работать над улучшением блога и одновременно разбираться в Next.js. 👨‍💻

В этой статье расскажу как добавить пагинацию к статическим страницам блога. 🔥

#nextjs #blog

Продолжаю работать над улучшением блога. В этой раз расскажу как я добавлял подсветку кода (синтаксиса) в постах.

Есть множество способов сделать это, я же решил пойти самым простым путём и остановился на использовании пакета Prism.

Подробности, как всегда, в моём блоге 🔥

#nextjs #blog #syntax_highlight

Продолжаю работать над улучшением блога. 👨‍💻

В новой статье расскажу как я добавлял индикатор времени чтения к статьям блога. 🔥

#blog

Сегодня расскажу как можно добавить базовую поддержку MDX в Next.js приложение и использовать .mdx файлы в качестве страниц. 👍

#nextjs #mdx

@alexey_baranov_dev

Мне было *только-что* лет когда я узнал что Telegram умеет в подсветку синтаксиса. 🤦‍♂️

Идентично markdown надо окружить блок кода ``` для того что она заработала.

import React from "react";

Можно даже язык приписать для того чтобы он корректнее определился.

import React from "react";

Редактировать правда не очень удобно, но насколько я понял, для десктопов это будет пофикшено уже в следующей версии 🎆

#syntax_highlight

@alexey_baranov_dev

Экспериментировал с View Transitions API.
Добавил в блог первую версию 🔥

Работает только в избранных десктопных браузерах (в основном Chrome)

Пост о том, как сделать так же - будет позже на неделе 👨‍💻

#blog #nextjs

@alexey_baranov_dev

Растём потихоньку 🚀

#достижения #google

@alexey_baranov_dev

Сегодня расскажу как я добавлял кнопку для сбора пожертвований (донатов) к блогу. 💸

#blog #деньги

@alexey_baranov_dev

Завёл свой блог на Boosty, там буду стараться чаще выкладывать посты и то, что остаётся за кадром.

Чуть больше подробностей, как всегда, в посте 🔥

#blog #деньги

@alexey_baranov_dev

Новый пост для подписчиков на Boosty ⚡️

#достижения #google

@alexey_baranov_dev

Написал пост о своём подходе к развитию блога, целях и немного (совсем чуть-чуть), о том куда я буду двигаться дальше. 👨‍💻

Пост на Boosty, но доступен для всех 😉

#цели #наивный_подход

@alexey_baranov_dev

Новый пост на Boosty ⚡️

Доступен для всех 😉

#цели #наивный_подход

@alexey_baranov_dev

Новый пост для подписчиков на Boosty ⚡️

#sneak_peek

@alexey_baranov_dev

Добавил на сайт новый раздел с руководствами.
В новом разделе можно найти и купить мои руководства в виде pdf-файлов. 🔥

Больше подробностей в посте 📝

#blog #руководства

@alexey_baranov_dev

Новый пост для подписчиков на Boosty ⚡️

#достижения #google

@alexey_baranov_dev