Что такое фреймворк Gatsby

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

Ключевые особенности:

• Использует React для UI
• Поддерживает GraphQL для запросов данных
• Оптимизирует производительность (ленивая загрузка, предзагрузка ресурсов)
• Имеет богатую экосистему плагинов

Пример создания страницы:

import React from "react"
import { graphql } from "gatsby"

export const query = graphql`
  query {
    site {
      siteMetadata {
        title
      }
    }
  }
`

const HomePage = ({ data }) => (
  <h1>{data.site.siteMetadata.title}</h1>
)

export default HomePage

Gatsby идеален для блогов, маркетинговых сайтов и любых проектов, где важны скорость и SEO.