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


Сможет ли Next.js победить Гэтсби?
Gatsby против Next.js: узнайте, что больше всего подходит вашему проекту Я думаю, что большинство из вас, должно быть, работали или хотя бы слышали о Gatsby и Next.js . Но если вы не слышали об этих двух фреймворках, не волнуйтесь. К концу статьи вы получите базовое представление об обеих этих средах. И Gatsby, и Next.js являются фреймворками на основе React, и я могу представить их по отдельности вот так. Gatsby - это основанный на React генератор статических сайтов, и с..

Gatsby.js: как настроить и использовать React Static Site Generator
Gatsby - это генератор статических сайтов для React, который выпустил свою первую мажорную версию в прошлом месяце. Это инструмент, который не только формирует для вас проекты (или веб-сайты), но и утверждает, что эти сайты работают быстро. Если вы решите использовать Gatsby, вы ощутите всю мощь новейших веб-технологий, таких как React.js, Webpack и т. Д. Существует множество современных парадигм, о которых Гэтсби заботится о своем разработчике за кулисами, чтобы начать создание и..

Вопросы по теме 'gatsby'

Пиксель Facebook в Gatsby js/React js
Недавно я разработал сайт с использованием gatsbyjs и хочу использовать на сайте пиксель конверсии facebook (а также аналитику Google). Мне нужны идеи или помощь, чтобы заставить их работать, чтобы я мог запустить рекламу конверсионного типа. Было...
10501 просмотров
schedule 13.09.2022

Операторы Gatsby console.log не печатаются
Я пытаюсь решить проблему с Gatsby, помещая некоторые операторы console.log в критические части кода, выполняющего сборку. Однако эти операторы не выводятся на консоль. Я также пытался использовать функцию debug() , которая используется самим...
2768 просмотров
schedule 07.07.2023

Многоразовые компоненты Gatsby с собственным запросом
Возможно ли в настоящее время в Gatsby создавать повторно используемые компоненты, которые имеют собственный запрос graphql? Если нет, то какой в ​​настоящее время является наименее «связанным» способом передачи данных в повторно используемые...
2150 просмотров
schedule 19.12.2022

Установка переменных окружения в Gatsby
Я использовал этот учебник: https://github.com/gatsbyjs/gatsby/blob/master/docs/docs/environment-variables.md Шаги, которые я сделал: 1) установить [email protected] 2) Создайте в корневой папке два файла: «.env.development» и «.env.production»....
6830 просмотров

Встроенный JavaScript на стороне клиента Gatsby-js в сообщении в блоге
Я пытаюсь создать блог с помощью Gatsby-JS. У меня есть несколько сообщений в markdown, которые содержат встроенный javascript. В качестве примера: <script>window.alert("hello");</script> Тестирую сайт командой "Gatsby serve"...
2675 просмотров
schedule 09.11.2022

Как использовать слои с React-fontawesome
Поскольку в настоящее время я использую GatsbyJS для сборки, я решил, что react-fontawesome встряхну. В старых проектах React я использовал CDN и fontawesome v4 в то время со стеками, чтобы добиться помещения одного значка внутри другого и...
5506 просмотров
schedule 03.05.2023

Запрос Ajax не работает после производственной сборки gatsby js
У меня есть простая настройка формы на моем статическом сайте gatsbyJS (с помощью formspree.io). Теперь я реализовал простой запрос AJAX вместо перенаправления пользователя на другую страницу. В режиме разработки все работает отлично. Однако, как...
826 просмотров
schedule 25.03.2023

Как динамически создавать индексируемый контент i18n из CMS в Gatsby
В моем случае я пытаюсь создать готовый для SEO контент из Contentful, втянутого в Gatsby. Я попытался интегрировать подключаемый модуль i18n сообщества с примером Contentful здесь: https://github.com/mccrodp/gatsby-contentful-i18n/pull/1 Я...
1006 просмотров

Gatsby.js: Навигация с помощью параметров URL и кнопок браузера «Назад/Вперед»
У меня есть компонент статей, который отображает список сообщений. Список разбит на страницы, поэтому на странице может отображаться не более 10 сообщений. Существует кнопка «Следующая страница», при нажатии которой обновляется состояние компонента...
12224 просмотров

CSS-модуль Gatsby Component Props
Я пытаюсь использовать реквизит в качестве класса в стилях, используя модуль Gatsby CSS import styles from './header.module.sass' const Header = props => ( <header className={styles + props.position}> Я знаю, что этот код не...
385 просмотров
schedule 28.04.2022

Как сохранить СУХОЙ при загрузке большого количества изображений с помощью GraphQL в Gatsby
Допустим, я хочу включить 50 изображений в одну статью в блоге о Гэтсби. Изображения загружаются с помощью GraphQL. В итоге я пишу очень повторяющиеся запросы для каждого из 50 изображений, например: export const query = graphql` query...
484 просмотров
schedule 28.03.2022

Отображение URL-адреса на странице 404 в Gatsby
Gatsby упрощает создание вашей собственной пользовательской страницы 404 здесь , но Я хотел бы отобразить URL-адрес на странице внутри сообщения - что-то вроде: Страницы в "/ example / nope" не было. Есть ли способ получить доступ к...
758 просмотров

Гэтсби - невозможно установить переменные среды
В моем gatsby-config.js я использовал пакет dotenv для установки переменных env require("dotenv").config({ path: `.env.${process.env.DEPLOY_ENV}`, }); а затем в моем package.json скрипте для развертывания в разных средах...
731 просмотров
schedule 11.05.2022

Gatsby.js: предварительная обработка ссылок относительного пути в Markdown
Мне интересно, есть ли способ, возможно, путем создания плагина для gatsby-transformer-remark , чтобы ссылки относительного пути могли быть преобразованы так, как если бы они использовали <Link> из gatsby-link . Например, скажем, у меня...
1995 просмотров
schedule 22.01.2023

Как использовать теги script в записи блога Gatsby
Я только начал переводить свой блог в Гэтсби, но столкнулся с проблемой. У меня есть много страниц уценки, на которых есть демонстрации javascript, и мне нужно включить javascripts, используя теги ‹script src="..."›. Кажется, они не работают, и...
281 просмотров
schedule 20.07.2022

Самый быстрый способ добавить уже существующую статическую HTML-страницу на сайт React / Gatsby
У меня есть простой проект, прекрасно работающий с использованием JSX / React / Gatsby. У меня есть уже существующая страница (например, целевая страница) в HTML в другом проекте, довольно сложном, красиво оформленном с использованием Bootstrap 4,...
5412 просмотров
schedule 21.12.2022

Я копирую файлы, которые дает сборка gatsby, в ampps / www / my-site, но ссылки не работают
Я создаю новый сайт с помощью gatsby-cli. Затем я просто создаю сайт, а затем весь контент, который находится внутри build , я скопировал в свою AMPPS/www/my-site папку. Когда я захожу на сайт, индекс работает правильно, но когда я щелкаю маршрут...
88 просмотров
schedule 22.08.2022

как я могу добавить реакцию прокрутки тела имени класса вниз?
Я хочу, чтобы при прокрутке вниз на 100 пикселей добавить тело className="showdiv" на реакцию Гэтсби. Как я могу это сделать? Я пробую этот код: state = { isTop: true, }; componentDidMount() { document.addEventListener('scroll', ()...
1377 просмотров
schedule 02.05.2022

Сделать рендеринг SVG после загрузки CSS (стилизованные компоненты React)
Я создаю целевую страницу с помощью GatsbyJS и Styled-Components, где я хочу отображать логотип SVG в центре экрана. После развертывания на сервере кажется, что при загрузке моей страницы SVG загружается первым и сразу отображается в верхнем левом...
798 просмотров
schedule 10.06.2024

Проблемы с отображением вложенных данных
На какое-то время застрял, пытаясь понять это и выдергивая волосы, потому что это должно быть просто, но я не могу понять, как правильно это реализовать. Я использую GatsbyJS с Contentful в качестве CMS. Я хочу иметь простой способ для...
53 просмотров
schedule 11.07.2023