Создание нового сайта Gatsby

Эта инструкция работает с Gatsby CLI версии 4.8 и выше. Чтобы проверить номер версии, наберите в Терминал команду: gatsby --version. ! [[ 1651775276.png ]]

Если нужен апдейт или Установка Gatsby CLI, наберите команду: npm install -g gatsby-cli.

Чтобы создать новый сайт на Gatsby, нужно открыть Терминал и написать команду: gatsby new. Эта команда запустит процесс, во время которого программа будет задавать вопросы о вашем будущем сайте.

После ответов на все вопросы, CLI использует их, чтобы сгенерировать сайт.

Вот подробное описание всего процесса.

1. Открой командную строку и набери команду cd, чтобы открыть папку, в которой ты собираешься создать свой сайт. Например, мы хотим создать сайт на рабочем столе. Тогда код будет такой: cd Desktop. Я так понимаю, не надо создавать папку в папке, он сам сделает. То есть, он не вывалит на рабочий стол все файлы сайта, а создаст папку с названием сайта и в ней будут все файлы. Если в корне компьютера, то просто cd.
2. Запусти команду gatsby new, чтобы начать создание нового сайта. Можно ещё использовать команду npm unit gatsby, если с обычной командной будут проблемы.
3. Система спросит как мы хотим назвать свой сайт. Надо придумать название. Я, например, написал «Публичные заметки Фёдорова Алексея». ! [[ 1651775405.png ]]
4. Потом надо будет придумать название папки, в которой будут находиться файлы вашего сайта. What would you like to name the folder where your site will be created? ! [[ 1651775468.png ]]
5. Затем система предложит выбрать между JavaScript и TypeScript. В этом туториале описывается JavaScript, поэтому лучше выбрать его, если только вы не спец в TypeScript. ! [[ 1651775506.png ]]
6. Когда система спросит, будете ли вы использовать CMS, выбираем «Нет, или я добавлю это позже». В будущем можно будет использовать эту опцию, чтобы ускорить создание новых сайтов. Но для первого раза лучше все сделать вручную. А так даже Wordpress можно поставить! ! [[ 1651775541.png ]]
7. На вопрос «Хотите ли вы установить стилизующую систему», выберете «Нет». ! [[ 1651775604.png ]]
8. Когда система спросит «Хотите ли вы установить дополнительные опции с другими плагинами?», используйте стрелки и выберете «Done». ! [[ 1651775661.png ]]
9. Система покажет итоговый результат опроса. ! [[ 1651775681.png ]]
10. Когда система спросит «Сделать это», надо нажать клавишу «Y» и «Ввод».. Это запустит процесс создания сайта. Длительность процесса зависит от скорости интернета. После завершения, увидим такое сообщение. ! [[ 1651775798.png ]]

Вот и всё. Мы создали свой первый сайт на Gatsby.