gatsby

Гэтсби

Будущее веб-разработки уже здесь.

Gatsby — это бесплатная платформа с открытым исходным кодом, основанная на React, которая помогает разработчикам создавать невероятно быстрые веб-сайты и приложения.
Он сочетает в себе контроль и масштабируемость динамически отображаемых сайтов со скоростью создания статических сайтов, создавая совершенно новую сеть возможностей.

Краткое руководство · Учебное пособие · Плагины · Стартеры · Демонстрация · Внесение вклада
Поддержка: Twitter, обсуждения и Discord

Gatsby помогает профессиональным разработчикам эффективно создавать удобные в обслуживании, высокопроизводительные и насыщенные контентом веб-сайты.

• Загрузка данных из любого места. Gatsby извлекает данные из любого источника данных, будь то файлы Markdown, безголовая CMS, такая как Contentful или WordPress, или API REST или GraphQL. Используйте исходные плагины для загрузки данных, а затем разрабатывайте их, используя единый интерфейс GraphQL от Gatsby.

• Выйдите за рамки статических веб-сайтов. Получите все преимущества статических веб-сайтов без каких-либо ограничений. Сайты Gatsby — это полнофункциональные приложения React, поэтому вы можете создавать высококачественные динамические веб-приложения — от блогов до сайтов электронной коммерции и пользовательских панелей.

• Выберите параметры рендеринга. Вы можете выбрать альтернативные варианты рендеринга, а именно отложенную статическую генерацию (DSG) и серверную рендеринг (SSR), в дополнение к статической генерации сайта (SSG) — для каждой страницы. Этот тип детального контроля позволяет оптимизировать производительность и производительность, не жертвуя одним ради другого.

• Производительность заложена. По умолчанию проводите аудит производительности на высоком уровне. Gatsby автоматизирует разделение кода, оптимизацию изображений, встраивание критических стилей, отложенную загрузку, предварительную выборку ресурсов и многое другое, чтобы обеспечить быстроту работы вашего сайта — ручная настройка не требуется.

• Используйте современный стек для каждого сайта. Независимо от того, откуда берутся данные, сайты Gatsby создаются с использованием React и GraphQL. Создайте единый рабочий процесс для вас и вашей команды, независимо от того, поступают ли данные из одного и того же серверного сервера.

• Хозяин Scale for Pennies. Сайтам Gatsby не требуются серверы, поэтому вы можете разместить весь свой сайт на CDN за небольшую часть стоимости сайта, отображаемого на сервере. Многие сайты Gatsby могут быть размещены совершенно бесплатно на Netlify и других подобных сервисах.

• Используйте централизованный уровень данных Gatsby повсюду. С помощью Gatsby's Valhalla Content Hub вы можете перенести уровень данных Gatsby в любой проект. Сделать его доступным через унифицированный API-интерфейс GraphQL для создания контентных сайтов, платформ электронной коммерции, а также собственных и веб-приложений.

Узнайте, как использовать Gatsby для вашего следующего проекта.

Отправьте свой первый сайт Gatsby за 5 минут

Нажмите ссылку ниже, чтобы быстро опробовать рабочий процесс разработки, создания и развертывания веб-сайтов с помощью Gatsby и Netlify.

В конце этого процесса вы получите

1. сайт работающий на Netlify

2. новый репозиторий, связанный с этим новым сайтом

3. когда вы вносите изменения в новый репозиторий, Netlify автоматически перестроит и повторно развернет ваш сайт!

Начните работу с Гэтсби локально за 5 минут

Вы можете запустить новый сайт Gatsby в своей локальной среде разработки за 5 минут, выполнив следующие четыре шага:

1. Инициализируйте новый проект.

    npm инициализация Гэтсби

   Дайте ему имя «Мой сайт Гэтсби».

2. Запустите сайт в режиме develop .

   Затем перейдите в каталог вашего нового сайта и запустите его:

    компакт-диск мой-Гэтсби-сайт/
   npm запустить разработку

3. Откройте исходный код и начните редактирование!

   Ваш сайт теперь работает по адресу http://localhost:8000 . Откройте каталог my-gatsby-site в выбранном вами редакторе кода и отредактируйте src/pages/index.js . Сохраните изменения, и браузер обновится в режиме реального времени!

На данный момент у вас есть полнофункциональный веб-сайт Гэтсби. Дополнительную информацию о том, как настроить свой сайт Gatsby, см. в наших плагинах и официальном руководстве.

? Изучение Гэтсби

Полная документация по Gatsby Lives на сайте.

• Большинству разработчиков мы рекомендуем начать с нашего подробного руководства по созданию сайта с помощью Gatsby. Он начинается с нулевых предположений об уровне ваших способностей и проходит каждый этап процесса.

• Чтобы сразу погрузиться в примеры кода, обратитесь к нашей документации. В частности, ознакомьтесь с разделами « Практические руководства », « Справочники » и « Концептуальные руководства » на боковой панели.

Мы приветствуем предложения по улучшению нашей документации. Дополнительную информацию см. в документации «Как внести свой вклад».

Начните изучать Гэтсби: следуйте инструкциям · Прочтите документацию

? Примечания к выпуску

Хотите знать, что мы недавно отправили? Ознакомьтесь с нашими примечаниями к выпуску, чтобы узнать о ключевых моментах, улучшениях производительности, новых функциях и заметных исправлениях ошибок.

Кроме того, прочтите нашу документацию по поддержке версий, чтобы понять наши планы для каждой версии Gatsby.

Руководства по миграции

У вас уже есть сайт Гэтсби? Эти удобные руководства помогут вам добавить улучшения Gatsby v5 на свой сайт, не начиная с нуля!

• Миграция с версии 4 на версию 5

• Миграция с версии 3 на версию 4

• Миграция с версии 2 на версию 3

❗ Кодекс поведения

Гэтсби стремится создать гостеприимное, разнообразное и безопасное сообщество. Мы ожидаем, что все участники сообщества Гэтсби будут соблюдать наш Кодекс поведения . Пожалуйста, прочтите это. Пожалуйста, следуйте этому. В сообществе Гэтсби мы усердно работаем, чтобы укреплять друг друга и вместе создавать удивительные вещи. ??

? Как внести свой вклад

Если вы помогаете нам исправлять ошибки, улучшать документацию или распространять информацию, мы будем рады видеть вас частью сообщества Gatsby!

Ознакомьтесь с нашим Руководством для участников , где вы найдете идеи по участию и шагам по настройке для запуска наших репозиториев на вашем локальном компьютере.

Примечание о том, как организован этот репозиторий.

Этот репозиторий представляет собой монорепозиторий, управляемый с помощью Lerna. Это означает, что в этой базе кода имеется несколько пакетов, хотя мы публикуем их в NPM как отдельные пакеты.

Лицензия

Лицензировано по лицензии MIT.

? Спасибо

Благодарим всех наших многочисленных участников, создающих плагины, стартеры, видео и сообщения в блогах. И особая признательность членам нашего сообщества, которые помогают с проблемами и пиарами или отвечают на вопросы в обсуждениях Discord и GitHub.

Большая часть того, что делает Гэтсби великим, — это каждый из вас в сообществе. Ваш вклад обогащает опыт Гэтсби и делает его лучше с каждым днем.