Руководство по Gatsby. Быстрое создание сайта
Создание и запуск сайта на фреймворке Gatsby
Перед тем, как создавать сайт Gatsby нужно установить на компьютер Node и Git. О том, как подготовить среду разработки можно прочитать здесь.
Если среда разработки настроена, то с помощью фреймворка Gatsby можно создать и запустить сайт всего за 5 минут. Для этого можно использовать стартеры - частично сделанные сайты с некоторой конфигурацией по умолчанию.
- Зайдите в раздел со стартерами
- Выберите подходящий стартер, например, gatsby-starter-blog
- Кликните по нему и перейдите на страницу данного стартера
- На странице стартера скопируйте команду
npx gatsby new gatsby-starter-blog https://github.com/gatsbyjs/gatsby-starter-blog - Откройте терминал
- Вставьте скопированную команду в командную строку терминала
- Нажмите Enter
На вашем компьютере в домашней директории будет создан каталог gatsby-starter-blog.
- В том же окне терминала перейдите в каталог
gatsby-starter-blogвыполнивcd gatsby-starter-blog - Выполните
npm run develop.
Будет запущен локальный сервер разработки. Чтобы увидеть сайт в действии откройте новую вкладку в браузере и перейдите на страницу http://localhost:8000/. Сайт можно посещать до тех пор, пока работает сервер разработки. Чтобы остановить этот процесс (другими словами “остановить запущенный сервер разработки”), вернитесь в окно терминала и нажмите Ctrl+C.
Теперь у вас есть полностью функциональный сайт на Gatsby. Дополнительную информацию о настроках сайта на Gatsby, вы можете получить на страницах документация учебник и плагины официального сайта.
Руководство по миграции
Если у вас уже есть сайт на фреймворке Gatsby v3, то это руководство поможет обновить ваш сайт до Gatsby v4.