Что это такое?
Gatsby — это бесплатный фреймворк с открытым исходным кодом на основе React для создания быстрых сайтов и веб-приложений. Он сочетает контроль динамически генерируемых сайтов со скоростью статической генерации.
Gatsby — это бесплатный фреймворк с открытым исходным кодом на основе React для создания быстрых сайтов и веб-приложений. Он сочетает контроль динамически генерируемых сайтов со скоростью статической генерации.Это строго генератор статических сайтов?Статическая генерация используется по умолчанию, но любую страницу можно перевести на отложенную статическую генерацию (Deferred Static Generation) или рендеринг на сервере (Server-Side Rendering). В итоге получается полноценное React-приложение — блог, интернет-магазин, панель управления.
Статическая генерация используется по умолчанию, но любую страницу можно перевести на отложенную статическую генерацию (Deferred Static Generation) или рендеринг на сервере (Server-Side Rendering). В итоге получается полноценное React-приложение — блог, интернет-магазин, панель управления.Как выглядит запуск первого сайта на своём компьютере?Создайте новый проект, перейдите в его папку и запустите сайт в режиме разработки, затем отредактируйте src/pages/index.js — браузер обновляется в реальном времени. По оценке README, всё это занимает около пяти минут.
Создайте новый проект, перейдите в его папку и запустите сайт в режиме разработки, затем отредактируйте src/pages/index.js — браузер обновляется в реальном времени. По оценке README, всё это занимает около пяти минут.Что должно быть установлено на компьютере перед созданием проекта?В репозитории указаны Node.js версии 18 или новее (но ниже 26) и npm 8+ или Yarn 1.17+. Больше ничего не нужно — ни базы данных, ни внешних сервисов, чтобы начать разработку.
В репозитории указаны Node.js версии 18 или новее (но ниже 26) и npm 8+ или Yarn 1.17+. Больше ничего не нужно — ни базы данных, ни внешних сервисов, чтобы начать разработку.Мне обязательно использовать React и GraphQL?Да — каким бы ни был источник данных, сайты собираются на React и GraphQL, так что именно с этим стеком вам и предстоит работать.
Да — каким бы ни был источник данных, сайты собираются на React и GraphQL, так что именно с этим стеком вам и предстоит работать.Где в итоге работают созданные мной сайты?Gatsby — это инструмент на базе Node, который запускается на вашем компьютере; на выходе получаются обычные сайты и веб-приложения, которые открываются в любом браузере.
Gatsby — это инструмент на базе Node, который запускается на вашем компьютере; на выходе получаются обычные сайты и веб-приложения, которые открываются в любом браузере.Нужен ли мне свой сервер, чтобы готовый сайт оставался в сети?Нет. Сайтам на Gatsby сервер не требуется — весь сайт можно разместить на CDN, а многие работают совершенно бесплатно на Netlify и подобных сервисах.
Нет. Сайтам на Gatsby сервер не требуется — весь сайт можно разместить на CDN, а многие работают совершенно бесплатно на Netlify и подобных сервисах.Можно ли использовать Gatsby в коммерческих проектах?Никто не мешает: код распространяется по лицензии MIT, так что коммерческое использование разрешено.
Никто не мешает: код распространяется по лицензии MIT, так что коммерческое использование разрешено.Откуда может браться мой контент?Откуда угодно — из Markdown-файлов, headless CMS вроде Contentful или WordPress, либо из REST- или GraphQL API. Плагины-источники загружают всё в единую унифицированную базу данных на GraphQL, с которой удобно работать при разработке.
Откуда угодно — из Markdown-файлов, headless CMS вроде Contentful или WordPress, либо из REST- или GraphQL API. Плагины-источники загружают всё в единую унифицированную базу данных на GraphQL, с которой удобно работать при разработке.Что он делает для производительности без моей просьбы?Разбиение кода, оптимизация изображений, встраивание критических стилей, ленивую загрузку и предзагрузку — всё это автоматизировано, поэтому сайты по умолчанию отлично проходят проверки производительности без ручной настройки.
Разбиение кода, оптимизация изображений, встраивание критических стилей, ленивую загрузку и предзагрузку — всё это автоматизировано, поэтому сайты по умолчанию отлично проходят проверки производительности без ручной настройки.Насколько крутая кривая обучения?Пологая по замыслу: подробный официальный туториал стартует с нуля, не делая никаких предположений о вашем уровне, и проводит через каждый шаг, а в документации есть дополнительные руководства, справочник и разбор концепций.
Пологая по замыслу: подробный официальный туториал стартует с нуля, не делая никаких предположений о вашем уровне, и проводит через каждый шаг, а в документации есть дополнительные руководства, справочник и разбор концепций.What are similar projects?next.js, astro, core, react-static, docusaurus, graphql, nuxt, tailwind-nextjs-starter-blog
next.js, astro, core, react-static, docusaurus, graphql, nuxt, tailwind-nextjs-starter-blogWhich topics is it in?headless-cms, netlify, ssg, jamstack, website, blog, static-site-generator, ssr, graphql, compiler, developers, markdown
headless-cms, netlify, ssg, jamstack, website, blog, static-site-generator, ssr, graphql, compiler, developers, markdown