Я просматривал документацию GatsbyJS поздно вечером, когда наткнулся на раздел под названием Повышение производительности . Как и следовало ожидать, я видел разделы по SEO, кешированию и аудиту, все из которых я уже изучил, но был также раздел о реализации guess.js . Прочитала пару строк и тут голова взорвалась 🤯. Что такое guess.js? Автоматическая, динамическая, интеллектуальная предварительная выборка для более быстрой загрузки страниц. Это гадалка. Когда мой сайт..

Недавно я создал свой личный сайт на Gatsby JS. Следующим логическим шагом было добавить раздел блога, в котором я хотел бы отображать все статьи, которые я написал на Medium. Хотя я хотел продолжить писать на Medium, поскольку он дает отличную платформу для написания и публикации, я также хотел отображать статьи Medium на своем веб-сайте. Но чтобы лопнуть мой пузырь, я узнал из этой ветки твиттера, что Medium не предоставляет простой в использовании API для извлечения всех..

Размеры, структура и характеристики пакетов Gatsby и Next.js - возможно, самые известные фреймворки для React.js. В то время как Gatsby - это всего лишь генератор статических сайтов, Next.js обладает множеством талантов. Но, в конце концов, мы также можем очень хорошо использовать Next.js в качестве генератора статических сайтов для React. Помимо обоих лидеров, в мире генераторов статических сайтов появилась новая звезда: Astro. Раньше я хвалил инновационный и молодой SSG, в..

При добавлении сервис-воркеров на сайт видео в Safari и на устройствах iOS прерывается. Я делал сайт, где в компонентах героя есть видео, и до добавления gatsby-plugin-offline все работало нормально. Я провел некоторое тестирование браузера, и все браузеры казались оштрафованными, видео было в порядке. Тогда я решил, что пора добавить сервис-воркера и сделать сайт доступным для установки и работать в автономном режиме. Я добавил плагин и все протестировал с Chrome и Android...

Запросы больше не относятся только к компонентам уровня страницы. Вступление Я создаю себе новый личный веб-сайт: сайт, на котором люди могут узнать обо мне больше, найти все статьи о веб-разработке, которые я написал за долгое время, и связаться с ними, если они захотят поздороваться. 👋 Поскольку я уже достаточно хорошо знаком с фреймворком React, а это будет статический сайт, не нуждающийся в сервере, защищенных маршрутах или отдельной базе данных, я решил использовать Gatsby..

Почему новый Gatsby-Plugin-Image такой замечательный и почему вы должны его использовать. Если вы ищете идеальную CMS для своего следующего блога, не ищите дальше. Он отлично работает с Gatsby.js (который больше не нуждается в представлении) и называется Contentful . Если вы работали с React, вы знаете, что вы можете использовать импорт для импорта изображений из определенной папки, а затем использовать его в своей HTML-разметке. import diamondImage from..