gatsbyjs/gatsby

Что это?

Ключевые возможности

• 01Получает данные из Markdown-файлов, headless CMS и REST- или GraphQL API через source-плагины.
• 02Предоставляет все данные через единый интерфейс GraphQL.
• 03Поддерживает статическую и отложенную статическую генерацию, а также рендеринг на стороне сервера для каждой страницы.
• 04Автоматизирует разделение кода, оптимизацию изображений и отложенную загрузку.
• 05Создаёт статическую сборку, которую можно разместить на CDN.

Сценарии использования

• Создание блогов с большим объёмом контента или маркетинговых сайтов на базе headless CMS.
• Создание интернет-магазинов или пользовательских панелей, которым при этом нужна производительность статических сайтов.
• Размещение сайта на CDN с минимальными затратами на сервер.

Быстрый старт

1. 1

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

   npm init gatsby
2. 2

   Перейдите в каталог нового сайта и запустите режим разработки

   cd my-gatsby-site/ npm run develop
3. 3

   Откройте http://localhost:8000 и отредактируйте src/pages/index.js

Темы

Частые вопросы

Что такое gatsby?

React-фреймворк для создания быстрых сайтов и приложений с данными из CMS, Markdown-файлов и API через GraphQL. Gatsby — React-фреймворк для создания сайтов и приложений. Он получает данные из таких источников, как Markdown-файлы, headless CMS вроде Contentful или WordPress, а также REST- и GraphQL API через source-плагины, после чего предоставляет их через единый интерфейс GraphQL.

gatsby можно использовать бесплатно? Какая у него лицензия?

gatsby распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

gatsby всё ещё поддерживается?

Активно поддерживается. Последний коммит в gatsby — 20 окт. 2026 г..

Для чего можно использовать gatsby?

Создание блогов с большим объёмом контента или маркетинговых сайтов на базе headless CMS. Создание интернет-магазинов или пользовательских панелей, которым при этом нужна производительность статических сайтов. Размещение сайта на CDN с минимальными затратами на сервер.

Как установить gatsby?

Инициализируйте новый проект: npm init gatsby Перейдите в каталог нового сайта и запустите режим разработки: cd my-gatsby-site/ npm run develop Откройте http://localhost:8000 и отредактируйте src/pages/index.js

Где скачать gatsby?

Исходный код и инструкции по установке — на GitHub: https://github.com/gatsbyjs/gatsby