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


Как создать блог с помощью Gatsby 💻
Как создать блог с помощью Gatsby 💻 Что такое Гэтсби? 🤔 Gatsby - это генератор статических сайтов на основе React и GraphQL . Он использует мощную предварительную конфигурацию для создания веб-сайта, который использует только статические файлы для невероятно быстрой загрузки страниц, сервис-воркеров, разделения кода, рендеринга на стороне сервера, интеллектуальной загрузки изображений, оптимизации ресурсов и предварительной выборки данных. Содержание 🔥 Создать новую..

Объявление курса: Gatsby - генератор статических сайтов для React - полное руководство
Объявление курса: Gatsby - генератор статических сайтов для React - полное руководство Большое объявление: Сегодня был запущен новый онлайн-курс Gatsby - Генератор статических сайтов для React - Полное руководство ! Оцените это и примените купон 10GATSBY , чтобы получить его всего за 9,99 доллара прямо сейчас! Ограниченное предложение по запуску: Перейти к курсу Гэтсби основан на React и GraphQL. Gatsby внутренне использует GraphQL, чтобы сделать доступными данные,..

Зарядите свой сайт JAMStack с помощью Gatsby, Contentful и Netlify
Здесь мы рассмотрим простые шаги, как создать свой следующий веб-сайт или блог с легко интегрированным управлением контентом и повысить эффективность своего веб-сайта в целом. В связи с появлением приложения JAMStack было много споров о генераторах статических сайтов. Несмотря на споры, Гэтсби широко используется и имеет приличное количество звезд в Github. Вы можете найти коллекцию лучших статических генераторов здесь . «Есть ряд заметных преимуществ Гэтсби. Некоторые:..

Как сгенерировать слаг в Gatsby.JS
Вы правильно прочитали заголовок! В этой статье мы поговорим о слагах и о том, как сгенерировать слаг для сообщения в компоненте блога с помощью Gatsby.js. Что такое слизняк? По программному определению Слаг - это уникальный идентификатор веб-адреса, обычно встречающийся в конце URL-адреса. Это также может быть последний компонент, когда новый документ создается в родительском документе; например, ярлык этой страницы - Glossary/Slug. - MDN (..

Как добавить загрузчик на сайт Гэтсби
В последнее время я искал некоторые приемы, чтобы добавить настраиваемый счетчик загрузки на веб-сайт Gatsby без использования плагина nProgress, который Gatsby предоставляет в документации, не используя файл gatsby-browser.js и не вызывая API-интерфейсы браузера, такие как onRouteUpdate и onInitialClientRender , после попытки нескольких подходов к лучший, который работает так, как ожидалось, сделан хуком useEffect , так что вот как это сделать: Подготовьте свой svg спиннер: вы..

Как я использую Notion в качестве моей CMS для моего сайта Gatsby
В течение прошлого года я использовал Notion в качестве общего менеджера по жизни, и до сих пор он был невероятно полезным для создания единого пространства, где я могу управлять своими делами, контентом, отслеживанием целей и даже своими личными финансами. Одним из недостатков Notion является то, что у него нет официального API, поэтому он ограничен своей собственной платформой, когда дело доходит до разработки или расширения. В противоположность этому, я начал замечать, что многие люди..

Упрощение модульного тестирования Gatsby с помощью предустановки Jest
Недавно я расширил кодовую базу для своего веб-сайта и блога , чтобы иметь более надежное присутствие в Интернете. Часть этого, конечно, включает модульное тестирование исходного кода с использованием Jest. Набор тестов этой базы кода в основном состоит из тестов Jest Snapshot , чтобы гарантировать, что компоненты и страницы, которые они создают, ведут себя и отображаются должным образом. Как и любая кодовая база, создание надежных модульных тестов, подобных этому, имеет много..