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

«Что такое фреймворк Gatsby» — вопрос из категории Библиотеки, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

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 }) => (

{data.site.siteMetadata.title}

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