jinv.ru

Быстрый запуск сайта с фреймворком Gatsby

05 February 2020

Создание и запуск сайта на фреймворке Gatsby

С помощью фреймворка Gatsby можно создать сайт и запустить его в локальной среде разработки всего за 5 минут. Для этого нужно выполнить четыре шага:

  1. Установить Gatsby на ПК.
npm install -g gatsby-cli
  1. Клонировать готовый сайт Gatsby из репозитория.
gatsby new my-blazing-fast-site
  1. Запустить сайт в режиме разработки.

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

cd my-blazing-fast-site/
gatsby develop
  1. Открыть исходный код и начать редактировать.

Откройте браузер и перейдите по адресу http://localhost:8000, где вы увидите созданый вами сайт. Откройте каталог my-blazing-fast-site в любом редакторе кода и отредактируйте src/pages/index.js. Сохраните изменения, и браузер автоматически обновится.

Теперь у вас есть полностью функциональный сайт на Gatsby. Дополнительную информацию о настроках сайта на Gatsby, вы можете получить на страницах плагины и учебник официального сайта.

Обучение Gatsby

Полная документация по Gatsby находится на сайте https://gatsbyjs.org/.

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

Чтобы сразу погрузиться в примеры кода, обратитесь к документации. В частности, проверьте разделы “Guides”, “API Reference” и “Advanced Tutorials” на боковой панели.

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

Если у вас уже есть сайт на фреймворке Gatsby, то эти руководства помогут вам обновить ваш сайт до Gatsby v2.

Используемые ресурсы:


Автор injashkin.