Публикации по теме 'gatsby'
Создавайте многоязычные веб-страницы с помощью Gatsby, WordPress, WPML и ACF
Покажите свой сайт миру
Gatsby - отличный генератор статических сайтов для использования сегодня. Его экосистема действительно велика, и вы многое получаете из коробки. Получение максимальных очков Lighthouse в Gatsby почти по умолчанию. Любой, кто работает с WordPress и хочет разделить CMS и сам веб-сайт, должен хотя бы попытаться создать что-то с помощью Gatsby. Он действительно прост в использовании, а документация очень проста.
Гэтсби использует GraphQL для получения данных из..
Gatsby Frontend — Сочетание производительности, эффективности и пользовательского опыта
Мой блог построен на основе интерфейса gatsby. В современном быстро меняющемся цифровом ландшафте создание высокопроизводительных веб-сайтов с исключительным пользовательским интерфейсом стало главным приоритетом для компаний и разработчиков. Одним из самых популярных инструментов для достижения этой цели является Gatsby, передовой интерфейсный фреймворк, построенный на React. Gatsby сочетает в себе возможности создания статических сайтов, компонентов React и GraphQL для создания..
От нуля до героя при создании современного веб-сайта.
Этим летом я прошел через большой опыт редизайна сайта нашей компании. Это было не просто упражнение по изменению некоторых шрифтов и цветов, а весь процесс переделки веб-сайта с нуля, очень сложный, я знаю, но это было возможно только благодаря ресурсам, предоставленным нашими друзьями в Centrality и, конечно же, большому количеству руководством моих коллег.
В любом случае вот ссылка на конечный результат. Красиво да? Итак, давайте посмотрим, как создать нечто подобное с..
Ошибка сборки Gatsby при сборке Sharp на Apple M1 с помощью Homebrew
Ошибка сборки Gatsby при сборке Sharp на Apple M1 с помощью Homebrew
Гэтсби выдаст ошибку сборки, связанную с библиотекой Sharp, когда вы попытаетесь запустить сервер разработки. Это происходит на моем домашнем установленном узле.
gyp info spawn make
gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]
CC(target) Release/obj.target/nothing/../node-addon-api/nothing.o
LIBTOOL-STATIC Release/nothing.a
warning: /Library/Developer/CommandLineTools/usr/bin/libtool: archive library:..
Гэтсби — создайте аудиторию с помощью Mailchimp
Изображение от @mathyskurmann на Unsplash
Разрешить людям получать обновления из вашего блога — отличный способ создать и взаимодействовать с вашей аудиторией. Я хотел создать компонент подписки на свой блог. Да, это можно сделать с помощью RSS-каналов, но я подумал, что было бы неплохо добавить новый компонент пользовательского интерфейса и интегрировать его со службой. Я выбрал Mailchimp, чтобы посетители могли подписаться на мой блог! Самое приятное то, что уже есть плагин..
Вопросы по теме 'gatsby'
Как добавить компонент на страницу с помощью createPage API с помощью GatsbyJS
Я создаю приложение документации для библиотеки пользовательского интерфейса с помощью Gatsby . Я могу создать страницу документации по уценке, используя Gatsby node.js createPage API.
Однако я не понял, как добавить демонстрационный компонент...
49 просмотров
schedule
30.01.2024
GatsbyJS получает данные из Restful API
Я новичок в React и GatsbyJS. Я запутался и не мог понять простым способом загрузки данных из стороннего Restful API.
Например, я хотел бы получить данные из randomuser.me/API, а затем иметь возможность использовать данные на страницах.
Скажем...
27285 просмотров
schedule
08.06.2024
Gatsby.js: gatsby-plugin-google-analytics запускает только события в производственной сборке
Я использую плагин gatsby.js gatsby-plugin-google-analytics (версия 1.0.31), и он размещает мой код отслеживания на моем сайте только при запуске gatsby build . В этом случае мои события отслеживания и щелчка работают должным образом.
Когда я...
1278 просмотров
schedule
02.12.2022
Вытяните данные GraphQL в gatsby-browser.js (или лучшее решение, пожалуйста)
Я пытаюсь запустить запрос GraphQL внутри replaceRouterComponent из gatsby-browser.js ( API браузера gatsby ). Принимая во внимание, что я могу получить доступ к данным из Contentful .
Это может быть не лучшее решение, и любые советы о...
557 просмотров
schedule
19.09.2022
Создание гибридных страниц с помощью Gatsby.js
Недавно я решил создать PWA с помощью Gatsby.js. Я намеревался иметь
домашняя страница
Страница со списком продуктов
Страница отображения продукта
Я мог бы легко сделать домашнюю страницу, так как содержимое этой страницы почти...
459 просмотров
schedule
26.05.2024
Как импортировать изображения в Gatsby v2?
Я учусь создавать статические сайты с помощью Gatsby v2 и сталкиваюсь с проблемой:
Когда я пытаюсь импортировать файл logo.svg из папки изображений, он не работает. (См. Приложенный снимок экрана)
Я проверил в консоли, там написано, что...
491 просмотров
schedule
17.03.2024
Скрыть компонент при наведении на другой
Я использую Gatsby для статического веб-сайта.
Моя страница состоит из двух частей. Раздел 1 и раздел 2. Я хочу скрыть изображение в разделе 1, когда кнопка находится в разделе 2.
Если я немного подчищу свой .js, он будет выглядеть так:...
44 просмотров
schedule
13.06.2024
Могу ли я сказать style-loader, чтобы он загружал мой глобальный CSS перед моими модулями CSS?
Большая часть моего сайта использует классы Bulma для некоторых из моих глобальных стилей пользовательского интерфейса, и я хотел бы продолжать использовать эти классы в своих компонентах, но также иметь возможность определять модули CSS для этих...
771 просмотров
schedule
13.01.2024
Как добавить встроенные изображения с помощью gatsby-image?
Желанный
Я пытался запросить и отобразить некоторые изображения с максимальной шириной 350 пикселей, а для планшетов и выше я хотел бы отображать их inline-block , каждое рядом с другим и переносить, если они заполняют свой родительский div....
1162 просмотров
schedule
23.01.2024
Ошибка развертывания на Netlify для моего приложения Gatsby на основе блога начинающего gatsby
Я использовал стартовый блог Gatsby для своего веб-сайта. В последний раз, когда я пытался развернуть, я получил следующую ошибку.
1:54:59 PM: error
1:54:59 PM: Your plugins must export known APIs from their gatsby-node.js.
1:54:59 PM: The...
446 просмотров
schedule
21.05.2024
Перенаправление HTTP-трафика на HTTPS в Gatsby
Я хотел бы перенаправить HTTP-трафик на HTTPS, так как это требование Lighthouse для PWA. Мой сайт построен с Гэтсби.
Я нашел различные плагины, подобные приведенным ниже, которые, похоже, подразумевают, что ответ исходит от изменения файла...
2135 просмотров
schedule
29.09.2022
Как добавить нативные платформы вне дерева с помощью Gatsby и create-реагировать-приложение?
У нас есть большое реактивное приложение, и мы хотим расширить это приложение до веб-сайта и расширения chrome, веб-сайт и расширение chrome используют те же редукторы, саги и некоторые компоненты (используя react-native-web) из нашего мобильного...
85 просмотров
schedule
26.01.2024
Добавить pathPrefix к статическим изображениям в Gatsby
Я пытаюсь получить свои статические изображения, которые помещаются в статическую папку при сборке, чтобы иметь pathPrefix, который я установил в конфигурации gatsby. В настоящее время образы при сборке имеют путь /static/image.jpg, и я хочу добавить...
1210 просмотров
schedule
22.11.2023
Href на другую страницу React Gatsby
У меня есть меню со следующей ссылкой:
<li className="nav-item" key={link.name}>
<a href={`page-2#second-section`}>{link.name}</a>
</li>
Но когда я нажимаю на нее, я попадаю на:...
311 просмотров
schedule
10.04.2024
Редактирование метаданных сайта в Gatsby-Config.JS из Headless CMS (например, Strapi)
Можно ли отредактировать siteMetaData в файле gatsby-config.js из безголовой cms, такой как Strapi? Я хотел бы дать своему клиенту возможность редактировать эту информацию, а не вручную ее кодировать.
Если да, то как я мог это сделать?...
77 просмотров
schedule
06.10.2022
Можно ли при использовании WP и Gatsby перезаписать некоторые автоматически сгенерированные страницы локальными пользовательскими?
Можно ли игнорировать определенный маршрут (маршруты) во время создания createPage и вместо этого иметь приоритет страницы в каталоге src/pages/ ? например У меня есть маршрут с несколькими подстраницами, например parent/child1 , parent/child2 и...
40 просмотров
schedule
30.03.2024
Элементы подменю Gatsby+WordPress безголовая CMS
Мне трудно создавать элементы подменю для моего меню WordPress на моем сайте Gatsby. Он продолжает выдавать мне ошибку: «TypeError: Cannot read property 'map' of undefined».
Пытался найти решение для элементов подменю в моей безголовой установке...
157 просмотров
schedule
20.03.2024
Гэтсби разрабатывает варианты в производстве
Я пытаюсь понять, что я могу сделать с GatsbyJS. Когда вы разрабатываете в GJS, вы получаете динамическую компиляцию вашего сайта, но когда вы публикуете, вы получаете только статический сайт. Можно ли получить динамическую компиляцию на рабочем...
25 просмотров
schedule
02.10.2022
gatsby-source-shopify и ошибка graphql произошла ошибка при поиске данных
Моя проблема в том, что я хотел бы связать свой магазин Shopify с приложением gatsby. Итак, я установил gatsby-source-shopify, но когда я добавил плагин в gatsby-config.js с shopName и accessToken и попытался запустить gatsby develop, сайт...
562 просмотров
schedule
06.03.2024
Могу ли я передать два объекта в контекст в createPage?
Мой блог будет отображать изображение и имя автора в каждом посте, и для того, чтобы шаблон загружал правильный, мне нужно было бы передать значение через контекст. Дело в том, что $ slug уже является объектом для функции blogPage в gatsby-node....
185 просмотров
schedule
05.02.2024
