Публикации по теме 'gatsby'
Как добавить загрузчик на сайт Гэтсби
В последнее время я искал некоторые приемы, чтобы добавить настраиваемый счетчик загрузки на веб-сайт Gatsby без использования плагина nProgress, который Gatsby предоставляет в документации, не используя файл gatsby-browser.js и не вызывая API-интерфейсы браузера, такие как onRouteUpdate и onInitialClientRender , после попытки нескольких подходов к лучший, который работает так, как ожидалось, сделан хуком useEffect , так что вот как это сделать:
Подготовьте свой svg спиннер:
вы..
Как я использую Notion в качестве моей CMS для моего сайта Gatsby
В течение прошлого года я использовал Notion в качестве общего менеджера по жизни, и до сих пор он был невероятно полезным для создания единого пространства, где я могу управлять своими делами, контентом, отслеживанием целей и даже своими личными финансами.
Одним из недостатков Notion является то, что у него нет официального API, поэтому он ограничен своей собственной платформой, когда дело доходит до разработки или расширения. В противоположность этому, я начал замечать, что многие люди..
Повесить гонт
Мой новый сайт-портфолио теперь доступен в Интернете. Это знаменует собой сдвиг в представлении, которое я считал начинающим разработчиком , и превратился в простого разработчика. Почему изменение? Итак, несколько недель назад я закончил Нано-степень переднего плана Udacity . Это путешествие началось одиннадцать месяцев назад, когда я выбрал стипендию для участия в конкурсе Рост Udacity с Google ge. Оттуда мне дали стипендию на их программу нано-степени.
Сиэтл полон программ..
Carraway: инструмент для упрощения Гэтсби
Гэтсби — невероятный инструмент. Это позволяет веб-разработчикам создавать быстрые, модульные и мощные веб-сайты с минимальными усилиями. Однако, как и все отличное программное обеспечение, есть возможности для совершенствования. Вот почему я создал Carraway.
Гэтсби великолепен, зачем мне Каррауэй?
Давайте сделаем шаг назад. Gatsby – это JavaScript-фреймворк, названный в честь главного героя книги Ф. Скотта Фицджеральда Великий Гэтсби . В этой американской классике..
Как создать портфолио с помощью Gatsby - от нуля до развертывания
Эта статья должна дать общее представление о том, как работает Gatsby и как его можно использовать для создания личного веб-сайта с нуля. Если вы новичок в Гэтсби, эта статья для вас.
Недавно я опубликовал первую версию своего личного веб-сайта. Поскольку у меня не было возможности попробовать Gatsby до проекта, я впервые погрузился в эту новую экосистему.
Несмотря на то, что в процессе разработки я все больше и больше увлекался Гэтсби, поначалу он, по общему признанию, был..
Вопросы по теме 'gatsby'
Как использовать babel-loader в gatsby?
Кажется, я не могу найти, как включить babel-loader в мой проект gatsby. Мне нужно использовать плагин transform-imports из babel , чтобы упростить импорт в режиме разработки, не жертвуя при этом размером в производственной сборке.
В других...
511 просмотров
schedule
11.11.2021
Гэтсби + netlif + контентный мост
Я пытаюсь настроить contentful webhook для автоматического развертывания в netlify . Я получаю 404 при изменении содержимого.
95 просмотров
schedule
20.11.2021
Проблемы интеграции Drupal GraphQL
ИСТОРИЯ У меня есть серверная часть типичной установки Drupal 8, экспортируемая в api через модуль JSON-API. Я использую Gatsby в качестве интерфейса, который имеет встроенный исходный плагин Drupal-GraphQL. (Я также новичок в GraphQL, так что это...
173 просмотров
schedule
02.12.2021
GraphQL отключает фильтрацию, если переменная фильтра пуста
У меня есть запрос Gatsby GraphQL для списка сообщений, упорядоченных по дате и отфильтрованных по категории.
{
posts: allContentfulPost(
sort: {fields: [date], order: DESC},
filter: {category: {slug: {eq: $slug}}}
) {
edges {...
1945 просмотров
schedule
14.11.2021
Как применить стиль к массиву из файла разметки для веб-сайта, созданного Гэтсби?
Я использую несколько шаблонов для создания веб-страниц с использованием Gatsby JS, при этом вся информация для каждого шаблона сохраняется в файле уценки (стили CSS выполняются через Bulma).
----
path: /software/TestSoftware
title: TestSoftware...
773 просмотров
schedule
21.09.2021
Обратные вызовы запросов GraphQL для Gatsby.js
В Contentful CMS у меня есть два разных типа контента: BigCaseStudy и BigCaseStudySection . Я думал, что чтобы этот контент появился на моем сайте Gatsby 2.x:
Выполните запрос 1, который получает все поля BigCaseStudy , которые я хочу...
1289 просмотров
schedule
29.09.2021
пытаюсь подключить данные, полученные из airtable, в gatsby graphql и algolia, плагин не работает
https://github.com/algolia/gatsby-plugin-algolia
этот плагин, похоже, не работает в моем gatsby-config, когда я запускаю сборку (не заполняет мой индекс algolia) - я уже поместил данные в свой индекс, используя algoliasearch и файл json, но я...
389 просмотров
schedule
04.10.2021
Как создать панораму 360 в Gatsby / React?
Я пытаюсь понять, как создать базовое изображение 360 Panorama в react / gatsbyjs, где пользователь может бесконечно прокручивать изображение по горизонтали. Вот результат, которого я пытаюсь добиться:
образец сайта
Я мог бы легко добиться...
1324 просмотров
schedule
02.11.2021
Фильтры GraphQL в GatsbyJS
У меня проблемы с пониманием того, как писать фильтры для запросов GraphQL в GatsbyJS.
Это работает:
filter: { contentType: { in: ["post", "page"] }
Мне в основном нужно обратное, например:
filter: { "post" in: { contentTypes } } //...
5535 просмотров
schedule
23.10.2021
Использование карты в возвращенном запросе graphql делает известные члены неопределенными
Я использую Gatsbyjs для создания блога и не могу использовать onCreatePage API для передачи данных из моего запроса graphql в шаблоны страниц.
Мой запрос получает данные из Kentico Cloud и выглядит так.
{...
923 просмотров
schedule
11.09.2021
Вопрос Gatsby Lifecycle API, связанный с созданием узла и страницы
Я пытаюсь изучить Gatsby, написав плагин с использованием API жизненного цикла. Я использую стартер Gatsby по умолчанию и вставляю gatsby-node.js в локальный плагин несколько отладочных операторов. Вот результат gatsby build :
- creating...
408 просмотров
schedule
08.11.2021
Можно ли создать подзапрос GraphQL для создания массива как элемента markdownRemark?
Я делаю веб-страницу для языковой школы и сейчас пытаюсь создать страницы о языках, которые там преподают. Они должны включать название языка, краткое описание и список связанных с ними элементов расписания. В Netlify CMS я сделал для них 2...
1010 просмотров
schedule
03.10.2021
Гэтсби: создание нескольких страниц из JSON
Я пытаюсь использовать Gatsby для создания нескольких HTML-страниц из данных JSON
Пытаюсь понять, как работать с gatsby-node.js
gatsby develop → OK
gatsby build → Ошибка
Вот мой gatsby-node.js и он сломан
const path =...
244 просмотров
schedule
15.10.2021
Сборка Гэтсби не удалась. Не могу построить Sharp
Все перепробовала.
Удалены node_modules и yarn.lock
Плагины Sharp-версии с пониженной версией
apt установил libvips && libvips-dev
$ npm установить -g узел-gyp
Перед установкой libvips-dev. Ошибка сборки возникла из-за того, что...
1179 просмотров
schedule
06.11.2021
Ошибка синтаксического анализа модуля в gatsby-browser-entry.js
Я новичок в Гэтсби и реагирую. Мы создаем сайт для небольшого проекта с использованием gatsby и независимого drupal. Я получаю следующую ошибку, так как я соединил интерфейс и серверную часть, когда я запускаю «gatsby develop».
ОШИБКА в...
1313 просмотров
schedule
13.11.2021
React Stripe Elements и SSR - Ошибка Webpack: окно не определено
React Stripe Elements отлично работает при разработке, но при развертывании в реальном времени через Netlify выдает сообщение «Webpack: Window is undefined» в файле модуля узла response stripe elements в Provider.js.
В соответствии с некоторыми...
984 просмотров
schedule
14.10.2021
Проект Gatsby-ContentFul: невозможно получить данные из Graphql на моей странице
Я решил создать небольшой проект в новых технологиях и выбрал Гэтсби. Чтобы вы знали, я раньше не работал с React и GraphQl. Так что благодаря Гэтсби я вижу и другие технологии. Итак, пока я пытаюсь сделать страницу обзора индекса, где нижний...
314 просмотров
schedule
20.10.2021
Gatsby-Image не удалось тип пропа
Я пытаюсь разместить избранные изображения моих сообщений WP на сайте публикации. Я выполнил этот учебник и теперь могу видеть избранное изображение на сайте но я также получаю это предупреждение:
index.js:2177 Warning: Failed prop type:...
666 просмотров
schedule
01.11.2021
Компоненты высшего порядка, реквизиты с Formik и GatsbyJS
Я пытаюсь создать Formik форму на сайте Gatsby, используя withFormik компонент более высокого порядка (вместо использования рендеринга).
Вот упрощенная версия моего кода:
import React from 'react'
import { withFormik } from...
612 просмотров
schedule
24.10.2021
Как развернуть сайт gatsby на netlify, если он вложен в папку внутри репо?
Мне нужно развернуть сайт gatsby на netlify для моего университета. У меня есть репо на gitlab с двумя вложенными папками, обе являются отдельными проектами gatsby. Развертывание не удается, я думаю, потому что он пытается развернуть главную папку,...
763 просмотров
schedule
15.11.2021