Продолжаю работать над улучшением блога. В этой раз расскажу как я добавлял подсветку кода (синтаксиса) в постах.
Есть множество способов сделать это, я же решил пойти самым простым путём и остановился на использовании пакета 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...
🔥4❤1👍1
Продолжаю работать над улучшением блога. 👨💻
В новой статье расскажу как я добавлял индикатор времени чтения к статьям блога.🔥
#blog
В новой статье расскажу как я добавлял индикатор времени чтения к статьям блога.
#blog
Please open Telegram to view this post
VIEW IN TELEGRAM
alexeybaranov.dev
Добавляем индикатор времени чтения к статьям блога | Алексей Баранов.DEV
Инструкция по добавлению индикатора времени чтения к статьям блога...
🔥5❤1👍1
Сегодня расскажу как можно добавить базовую поддержку 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 приложение...
🔥4👍2❤1
Мне было *только-что* лет когда я узнал что 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...
🔥6❤1👍1
Экспериментировал с View Transitions API.
Добавил в блог первую версию🔥
Работает только в избранных десктопных браузерах (в основном Chrome)
Пост о том, как сделать так же - будет позже на неделе👨💻
#blog #nextjs
@alexey_baranov_dev
Добавил в блог первую версию
Работает только в избранных десктопных браузерах (в основном Chrome)
Пост о том, как сделать так же - будет позже на неделе
#blog #nextjs
@alexey_baranov_dev
This media is not supported in your browser
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍2❤1
Alexey Baranov
Я обязан поделиться таким весомым достижением от Google 😂 #достижения #google @alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5❤1👍1🦄1
Сегодня расскажу как я добавлял кнопку для сбора пожертвований (донатов) к блогу. 💸
#blog #деньги
@alexey_baranov_dev
#blog #деньги
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
alexeybaranov.dev
Добавляем кнопку для сбора пожертвований (донатов) к блогу | Алексей Баранов.DEV
Инструкция по добавлению кнопки для сбора пожертвований (донатов) к блогу...
🔥3👍2❤1
После долгого перерыва решил снова начать писать посты в блог. 🤓
Не долго думая, написал пост о добавлении 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 приложение...
🔥4👍1🎉1
Вчера была статья про 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 приложение...
👍2🔥2🎉1
Alexey Baranov
Для того чтобы красиво отображаться в поисковой выдаче Яндекса решил добавить Яндекс Турбо-страницы... 🚀 Процесс этот на удивление простой и кажется что результат того стоит🔥 Подробности как всегда у меня в блоге 😉
7 февраля Яндекс анонсировал прекращение поддержки Турбо-страниц.
Поэтому пост больше не актуален.
Добавил в него информацию о прекращении поддержки и оставил пылиться для истории. 🌇
#nextjs #seo
@alexey_baranov_dev
Поэтому пост больше не актуален.
Добавил в него информацию о прекращении поддержки и оставил пылиться для истории. 🌇
#nextjs #seo
@alexey_baranov_dev
Блог Яндекса
Яндекс прекращает поддержку технологии Турбо
Более 7 лет назад Яндекс представил технологию Турбо как ответ вызовам рынка, когда скорость домашнего интернета уже была достаточно высокой, а доступ к информации в мобильных сетях был не таким быстрым.
🔥2👍1😭1🫡1
Не знаю почему меня всё ещё удивляют такие новости, но Яндекс теперь и детскую одежду производит.
Жду когда Яндекс выпустит умную туалетную бумагу. В дополнение к обычному функционалу, она будет чистить ещё и историю Яндекс браузера.
@alexey_baranov_dev
Жду когда Яндекс выпустит умную туалетную бумагу. В дополнение к обычному функционалу, она будет чистить ещё и историю Яндекс браузера.
@alexey_baranov_dev
Компания Яндекс
Яндекс Фабрика начала выпускать детскую одежду под брендом Junion
Яндекс Фабрика, производственное подразделение Яндекса, запустила первую детскую коллекцию одежды под брендом Junion. Она предназначена для детей от 18 месяцев до 7 лет. В ассортименте представлены футболки, свитшоты, брюки, куртки и другие предметы гардероба…
🔥3
Внёс небольшие изменения в вёрстку постов. 🔥
Добавил боковые секции с баннерами, рекламой (да, рекламой💸 ) и оглавлением.
Посмотрим что из этого получится...
#улучшения_блога
@alexey_baranov_dev
Добавил боковые секции с баннерами, рекламой (да, рекламой
Посмотрим что из этого получится...
#улучшения_блога
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥2
Продолжаю добавлять базовые статьи про 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 приложение...
❤2👍2🔥2
Если вдруг пропустили, в телеге появился официальный бесплатный (для тех у кого премиум подписка) бот с Grok AI. 🤖
Этот тот что от Маска.🚀
Я немного потестировал. Отвечает в тему, контекст держит и в целом работает шустро.👍
Но так же шустро я наткнулся на рейт-лимит и получил бан на 15 минут.🥺
Ещё из наблюдений:
Grok плохо шутит по-русски.
Просишь его:
В ответ получаешь следующее:
Шутка очевидно плохо работает на русском, но неплохо звучит в оригинале:
@alexey_baranov_dev
Этот тот что от Маска.
Я немного потестировал. Отвечает в тему, контекст держит и в целом работает шустро.
Но так же шустро я наткнулся на рейт-лимит и получил бан на 15 минут.
Ещё из наблюдений:
Grok плохо шутит по-русски.
Просишь его:
Придумай смешную шутку
В ответ получаешь следующее:
Почему космонавт расстался со своей девушкой? Потому что он нуждался в пространстве!
Шутка очевидно плохо работает на русском, но неплохо звучит в оригинале:
Why did the astronaut break up with his girlfriend? Because he needed space!
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Grok
Grok 3 is xAI's frontier language model. Now available for free to all Telegram Premium subscribers!
🔥3❤1👍1
Мне всегда было интересно, как зарабатывают на рекламе в интернете и насколько крупным должен быть сайт для того чтобы приносить какие-то внятные деньги. 💸
И cможет ли мой блог с ~700 просмотрами в месяц приносить хоть что-то?🤔
Поэтому, 6 марта я добавил на сайт несколько рекламных баннеров РСЯ.
Март закончился и можно подвести первые итоги📈
За март набралось целых ... 44,11💸
Выводов пока что не будет 🫤
#blog #деньги #успешныйуспех
@alexey_baranov_dev
И cможет ли мой блог с ~700 просмотрами в месяц приносить хоть что-то?
Поэтому, 6 марта я добавил на сайт несколько рекламных баннеров РСЯ.
Март закончился и можно подвести первые итоги
За март набралось целых ... 44,11
Выводов пока что не будет 🫤
#blog #деньги #успешныйуспех
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍1🦄1
Побывал на конференции 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
🔥6❤3👍2
В очередной раз подтверждается простое правило:
#успешныйуспех #достижения #google
@alexey_baranov_dev
Чтобы SEO-оптимизировать сайт, дайте ему повисеть полгода-год🚀
#успешныйуспех #достижения #google
@alexey_baranov_dev
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2❤1
Сегодня заметил что в Firefox появилась интеграция с AI-инструментами.
В боковой панели доступна специальная кнопка, нажав на которую можно подключить как платные, так и бесплатные сервисы.
После этого становится доступен как обычный чат с моделью, так и контекстное меню при выделении текста.
Можно попросить модель резюмировать, объяснить, скорректировать текст, проверить свои знания через тест или указать свой промпт для выделенного текста.
Нейронки всё глубже проникают в нашу жизнь.
#ai #инструменты
@alexey_baranov_dev
В боковой панели доступна специальная кнопка, нажав на которую можно подключить как платные, так и бесплатные сервисы.
После этого становится доступен как обычный чат с моделью, так и контекстное меню при выделении текста.
Можно попросить модель резюмировать, объяснить, скорректировать текст, проверить свои знания через тест или указать свой промпт для выделенного текста.
Нейронки всё глубже проникают в нашу жизнь.
#ai #инструменты
@alexey_baranov_dev
🔥3👍2❤1👀1