Публикации по теме 'gatsbyjs'


Модульное тестирование для Gatsby с использованием Jest, Typescript и библиотеки тестирования React
Мой первый опыт работы с TDD с использованием библиотеки тестирования React с Jest для веб-сайта Gatsby в Typescript. Настроить библиотеку тестирования Jest и React для TDD с Gatsby довольно просто. Это немного сложно, потому что я планирую использовать Typescript в своих тестах. Сначала я устанавливаю jest , babel-jest и babel-preset-gatsby , чтобы убедиться, что используемые пресеты Babel соответствуют тем, которые используются внутри вашего сайта Gatsby. npm install..
Шрифт значка материала с Гэтсби
Если вы используете Gatsby и хотите использовать значки материалов, есть несколько вариантов. Вот что вы можете сделать, если хотите использовать их в качестве шрифта. Начните с добавления плагина Gatsby для шрифтов Google в свой проект с помощью yarn или npm. yarn add gatsby-plugin-google-fonts Затем отредактируйте ваш gatsby-config.js, включив в него новый плагин. Возможно, у вас уже есть другие плагины, просто добавьте их в конец массива плагинов. В приведенном ниже примере..
Добавление встроенного Javascript в приложение React
Позвольте мне начать с отказа от ответственности, я не эксперт по React, и я уверен, что, возможно, есть другие способы сделать это. Если вы знаете лучший способ, дайте мне знать в комментариях! Недавно я добавил Giscus в свой блог, что является отличным способом добавления комментариев к статичному блогу разработчиков. Я использую Gatsby.js на своем веб-сайте, построенном на React. Проблема у меня была…
Gatsby 1.x - при чтении примеров кода
Заявление об ограничении ответственности : я еще не изучил GraphQL должным образом, поэтому я еще не знаю, что за этим стоит (в ближайшие недели я намерен найти все). Я не использовал React в нормальном проекте, всегда просто возился с ним. К тому же я не программист на полную ставку (надеюсь скоро это поменяю, молитесь за меня!) Редактировать: Я не знал, что существует этот отличный учебник . Действительно хорошее дополнение к этой статье, а также к официальному руководству..
Примечания и вопросы Гэтсби о карте сайта
Примечания и вопросы Гэтсби о карте сайта Сегодня я добавляю карту сайта для https://julies.pro , чтобы Google улучшил поисковую оптимизацию. Мне приходят в голову два плагина, которые сделают эту работу: gatsby-plugin-sitemap и gatsby-plugin-advanced-sitemap. Я не уверен, что лучше, поэтому оставляю свой вопрос на reddit: https://www.reddit.com/r/gatsbyjs/comments/hq4aao/sitemap_customization_and_images/g8akyea?utm_source=share&utm_medium=web2x&context=3 Некоторые говорили, что..
Как обновить Gatsby с версии 4 до версии 5
Иногда обновление основной версии фреймворка JavaScript может оказаться сложной задачей. Первоначально опубликовано на https://fek.io .
Создание сайта агентства в GatsbyJS-3
Добро пожаловать в часть 3 серии. Часть-2 вы можете найти здесь . В предыдущей части мы создали общий нижний колонтитул в компоненте макета. Давайте сначала создадим заголовок с навигацией. Остальная часть главы является эксклюзивным содержанием и войдет в мою новую книгу Поваренная книга Гэтсби . Подробнее об этом можно узнать здесь . Полный код проекта вы можете найти здесь https://github.com/nabendu82/AgencyDemo Развертывание netlify находится здесь..