Руководство по Gatsby. Быстрое создание сайта

Создано: 05-02-2020

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

Перед тем, как создавать сайт Gatsby нужно установить на компьютер Node и Git. О том, как подготовить среду разработки можно прочитать здесь.

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

  1. Зайдите в раздел со стартерами
  2. Выберите подходящий стартер, например, gatsby-starter-blog
  3. Кликните по нему и перейдите на страницу данного стартера
  4. На странице стартера скопируйте команду npx gatsby new gatsby-starter-blog https://github.com/gatsbyjs/gatsby-starter-blog
  5. Откройте терминал
  6. Вставьте скопированную команду в командную строку терминала
  7. Нажмите Enter

На вашем компьютере в домашней директории будет создан каталог gatsby-starter-blog.

  1. В том же окне терминала перейдите в каталог gatsby-starter-blog выполнив cd gatsby-starter-blog
  2. Выполните npm run develop.

Будет запущен локальный сервер разработки. Чтобы увидеть сайт в действии откройте новую вкладку в браузере и перейдите на страницу http://localhost:8000/. Сайт можно посещать до тех пор, пока работает сервер разработки. Чтобы остановить этот процесс (другими словами “остановить запущенный сервер разработки”), вернитесь в окно терминала и нажмите Ctrl+C.

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

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

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