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


Как сгладить ссылки в Gatsby
В этой статье вы узнаете, как создавать ссылки с плавной прокруткой в ​​GatsbyJS, которые работают с элементом Gatsby ‹Link› и сохраняют совместимость с историей браузера. Предполагается, что у вас уже есть сайт Gatsby и вы знакомы с JavaScript и HTML. Если вы этого не сделаете, вы можете создать стартовый сайт с помощью инструмента Gatsby CLI: https://www.gatsbyjs.org/docs/starters/ Шаг 1. Добавьте свойство id к объекту, который нужно прокрутить Шаг 2. Добавьте hashtag к..
Для чайников: Dark Mode с Gatsbyjs
Когда дело доходит до Gatsby, есть несколько уникальных приемов, о которых вам следует знать, чтобы успешно создать темный режим для вашего приложения. В этом посте мы пройдем всю реализацию от начала до конца. Предпосылки Установлен Gatsby CLI Начиная Добавьте простую команду ниже, чтобы создать новый сайт. npm init gatsby 💡 Примечание. Продолжайте следовать инструкциям, чтобы выбрать нужный язык (JavaScript или TypeScript), CMS, инструменты для оформления и другие..
Netlify приобретает Gatsby Inc, сосредоточившись на экосистеме плагинов и центре контента Valhalla • DEVCLASS
Netlify приобрела Gatsby Inc, компанию из Сан-Франциско, которая также является управляющей платформой Gatsby.js с открытым исходным кодом. Netlify обещает быть хорошим управляющим проекта с открытым исходным кодом , но сосредоточен на других частях платформы, в частности, на экосистеме плагинов и API GraphSQL под названием Valhalla Content Hub. Платформа Gatsby, впервые выпущенная в 2015 году, представляет собой генератор статических сайтов, созданный с помощью React, GraphQL..
24 шага по преобразованию веб-сайта Bootstrap в невероятно быстрый веб-сайт Gatsby
Цели: В этой статье я нацелен на достижение следующих четырех (4) целей за 24 шага. Они есть: Преобразование базового шаблона веб-сайта Bootstrap в веб-сайт на базе Gatsby При необходимости разработать кастомный компонент Разверните веб-сайт Gatsby на Netlify CMS Проведение обзора скорости загрузки страниц в Google Так что же такое Гэтсби ? Чтобы понять, нам нужно немного понять современный стек веб-разработки. Первоначально, когда Интернет только появился, все веб-сайты..
Как создать React-хук useWindowSize()
Как создать React-хук useWindowSize() Для любого приложения React важно скрывать и отображать элементы нашего приложения в соответствии с шириной и высотой используемого браузера. В этом посте мы расскажем, как это сделать с помощью пользовательского хука React, useWindowSize(). На моем сайте Gatsby у меня есть заголовок, и по мере уменьшения размера страницы я хочу показывать меньше ссылок. Для этого мы могли бы использовать медиа-запрос (CSS) или мы могли бы использовать..
Глубокое погружение в мой новый веб-сайт
Можете ли вы поверить, что прошло три года с тех пор, как я в последний раз обновлял свой личный веб-сайт? Три!?!? Я точно не могу. С тех пор я переезжала из одной страны в другую, побывала во многих других, закончила обложку своего фильма ужасов, написала роман и в настоящее время уволена, переживая пандемию. Конечно, таким же драматическим образом изменился и мир фронтенд-разработки. Пришло время и моему личному сайту. Цели Когда я впервые начал работать с дизайнерскими..
Создание поэтического сайта с помощью Гэтсби и средней ленты
Как я создал статический поэтический сайт с помощью GatsbyJS и авторской ленты Medium. Оглавление · Введение · Технология · Основные моменты и соображения · Разработка · Развертывание вашего сайта Gatsby на S3 · Обзор приложения · Выводы Введение Томас Каар , также известный как Нейт Астро, пишет стихи, размышляя о временах перемен и безопасности. Его работы скрыты в его личных журналах, текстовых файлах на его компьютере и в бесконечной прокрутке Medium. Поэту нужна была..