Продолжаю работать над улучшением блога. В этой раз расскажу как я добавлял подсветку кода (синтаксиса) в постах.
Есть множество способов сделать это, я же решил пойти самым простым путём и остановился на использовании пакета Prism.
Подробности, как всегда, в моём блоге🔥
#nextjs #blog #syntax_highlight
Есть множество способов сделать это, я же решил пойти самым простым путём и остановился на использовании пакета Prism.
Подробности, как всегда, в моём блоге
#nextjs #blog #syntax_highlight
Please open Telegram to view this post
VIEW IN TELEGRAM
alexeybaranov.dev
Добавляем подсветку кода (синтаксиса) в статический блог на Next.js | Алексей Баранов. Блог
Инструкция по добавлению подсветки кода (синтаксиса) в статическом блоге на Next.js...
Продолжаю работать над улучшением блога. 👨💻
В новой статье расскажу как я добавлял индикатор времени чтения к статьям блога.🔥
#blog
В новой статье расскажу как я добавлял индикатор времени чтения к статьям блога.
#blog
Please open Telegram to view this post
VIEW IN TELEGRAM
alexeybaranov.dev
Добавляем индикатор времени чтения к статьям блога | Алексей Баранов.DEV
Инструкция по добавлению индикатора времени чтения к статьям блога...
Сегодня расскажу как можно добавить базовую поддержку MDX в Next.js приложение и использовать .mdx файлы в качестве страниц. 👍
#nextjs #mdx
@alexey_baranov_dev
#nextjs #mdx
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
alexeybaranov.dev
Добавляем поддержку MDX в Next.js приложение | Алексей Баранов. Блог
Инструкция по добавлению поддержки MDX в Next.js приложение...
Мне было *только-что* лет когда я узнал что Telegram умеет в подсветку синтаксиса. 🤦♂️
Идентично markdown надо окружить блок кода ``` для того что она заработала.
Можно даже язык приписать для того чтобы он корректнее определился.
Редактировать правда не очень удобно, но насколько я понял, для десктопов это будет пофикшено уже в следующей версии🎆
#syntax_highlight
@alexey_baranov_dev
Идентично markdown надо окружить блок кода ``` для того что она заработала.
import React from "react";
Можно даже язык приписать для того чтобы он корректнее определился.
import React from "react";
Редактировать правда не очень удобно, но насколько я понял, для десктопов это будет пофикшено уже в следующей версии
#syntax_highlight
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
Release v 5.1.8 · telegramdesktop/tdesktop
Support nice blockquotes and code blocks edition when composing messages.
Support collapsing blockquotes and specifying syntax highlight language.
Support nice spoiler animation in the message comp...
Support collapsing blockquotes and specifying syntax highlight language.
Support nice spoiler animation in the message comp...
This media is not supported in your browser
VIEW IN TELEGRAM
Экспериментировал с View Transitions API.
Добавил в блог первую версию🔥
Работает только в избранных десктопных браузерах (в основном Chrome)
Пост о том, как сделать так же - будет позже на неделе👨💻
#blog #nextjs
@alexey_baranov_dev
Добавил в блог первую версию
Работает только в избранных десктопных браузерах (в основном Chrome)
Пост о том, как сделать так же - будет позже на неделе
#blog #nextjs
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
Alexey Baranov
Я обязан поделиться таким весомым достижением от Google 😂 #достижения #google @alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
Сегодня расскажу как я добавлял кнопку для сбора пожертвований (донатов) к блогу. 💸
#blog #деньги
@alexey_baranov_dev
#blog #деньги
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
alexeybaranov.dev
Добавляем кнопку для сбора пожертвований (донатов) к блогу | Алексей Баранов. Блог
Инструкция по добавлению кнопки для сбора пожертвований (донатов) к блогу...
После долгого перерыва решил снова начать писать посты в блог. 🤓
Не долго думая, написал пост о добавлении robots.txt в Next.js приложение.🚀
#nextjs #seo
@alexey_baranov_dev
Не долго думая, написал пост о добавлении robots.txt в Next.js приложение.
#nextjs #seo
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
alexeybaranov.dev
Добавляем robots.txt в Next.js приложение | Алексей Баранов. Блог
Инструкция по добавлению robots.txt в Next.js приложение...
Вчера была статья про robots.txt, а сегодня её логичное продолжение - статья про то как сгенерировать и добавить sitemap.xml к Next.js приложению. 🗺
#nextjs #seo
@alexey_baranov_dev
#nextjs #seo
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
alexeybaranov.dev
Добавляем sitemap.xml в Next.js приложение | Алексей Баранов. Блог
Инструкция по добавлению sitemap.xml в Next.js приложение...
Alexey Baranov
Для того чтобы красиво отображаться в поисковой выдаче Яндекса решил добавить Яндекс Турбо-страницы... 🚀 Процесс этот на удивление простой и кажется что результат того стоит🔥 Подробности как всегда у меня в блоге 😉
7 февраля Яндекс анонсировал прекращение поддержки Турбо-страниц.
Поэтому пост больше не актуален.
Добавил в него информацию о прекращении поддержки и оставил пылиться для истории. 🌇
#nextjs #seo
@alexey_baranov_dev
Поэтому пост больше не актуален.
Добавил в него информацию о прекращении поддержки и оставил пылиться для истории. 🌇
#nextjs #seo
@alexey_baranov_dev
Блог Яндекса
Яндекс прекращает поддержку технологии Турбо
Более 7 лет назад Яндекс представил технологию Турбо как ответ вызовам рынка, когда скорость домашнего интернета уже была достаточно высокой, а доступ к информации в мобильных сетях был не таким быстрым.
Не знаю почему меня всё ещё удивляют такие новости, но Яндекс теперь и детскую одежду производит.
Жду когда Яндекс выпустит умную туалетную бумагу. В дополнение к обычному функционалу, она будет чистить ещё и историю Яндекс браузера.
@alexey_baranov_dev
Жду когда Яндекс выпустит умную туалетную бумагу. В дополнение к обычному функционалу, она будет чистить ещё и историю Яндекс браузера.
@alexey_baranov_dev
Компания Яндекс
Яндекс Фабрика начала выпускать детскую одежду под брендом Junion
Яндекс Фабрика, производственное подразделение Яндекса, запустила первую детскую коллекцию одежды под брендом Junion. Она предназначена для детей от 18 месяцев до 7 лет. В ассортименте представлены футболки, свитшоты, брюки, куртки и другие предметы гардероба…
Внёс небольшие изменения в вёрстку постов. 🔥
Добавил боковые секции с баннерами, рекламой (да, рекламой💸 ) и оглавлением.
Посмотрим что из этого получится...
#улучшения_блога
@alexey_baranov_dev
Добавил боковые секции с баннерами, рекламой (да, рекламой
Посмотрим что из этого получится...
#улучшения_блога
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
Продолжаю добавлять базовые статьи про Next.js 👨💻
На этот раз статья про то, как добавить обработку 404 ошибки в Next.js приложение.🧐
#nextjs #seo
@alexey_baranov_dev
На этот раз статья про то, как добавить обработку 404 ошибки в Next.js приложение.
#nextjs #seo
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
alexeybaranov.dev
Добавляем Not Found (404) страницу в Next.js приложение | Алексей Баранов.DEV
Инструкция по добавлению Not Found (404) страницы в Next.js приложение...
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Побывал на конференции HolyJS spring 2025. 😀
Послушал доклады, пообщался с интересными людьми, даже на сцену вышел (мерч получить).😉
Впечатления очень положительные, не смотря на то что часть докладов вызвали лёгкое недоумение.🧐
Если же охарактеризовать всю конференцию одной фразой, то можно сказать что «ИИ шагает в каждый DOM».✈️
Хорошо это или плохо покажет время. Но сдвиг в индустрии уже точно произошёл и обратного пути нет.👨💻
#holyjs
@alexey_baranov_dev
Послушал доклады, пообщался с интересными людьми, даже на сцену вышел (мерч получить).
Впечатления очень положительные, не смотря на то что часть докладов вызвали лёгкое недоумение.
Если же охарактеризовать всю конференцию одной фразой, то можно сказать что «ИИ шагает в каждый DOM».
Хорошо это или плохо покажет время. Но сдвиг в индустрии уже точно произошёл и обратного пути нет.
#holyjs
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM