Запуск сайта Gatsby на компьютере

Чтобы посмотреть, как наш сайт будет выглядеть в браузере, надо запустить его на своём компьютере. Для этого есть инструмент Сервер разработки. Это удобная штука, чтобы проверять свой сайт локально, не публикуя его в Сети.

Это полезно для быстрого теста изменений в текстах или коде.

Инструкция для запуска сайта Gatsby на своём компьютере:

  1. Открой Терминал и перейди в папку, в которой находится твой сайт, с помощью команды: cd my-first-gatsby-site. ! [[ 1651775986.png ]]
  2. Сервер разработки запускается командой gatsby develop. Если не установлен Gatsby CLI, то поможет команда npm run develop.
  3. Через несколько секунд появится сообщение, что сервер запущен и можно посмотреть свой сайт. ! [[ 1651776040.png ]] Сообщение об ошибке. Решение тут: Ошибка Gatsby из-за установки Node. ! [[ 1651781008.png ]]
  4. Откройте в браузере адрес http://localhost:8000. По этому адресу откроется локальный сайт. ! [[ 1651780848.png ]]
  5. Чтобы остановить сервер разработки, нажмите control+C. ! [[ 1651781245.png ]]

Notes mentioning this note

There are no notes linking to this note.


Here are all the notes in this garden, along with their links, visualized as a graph.

0. Set Up Your Development Environment1. Create and Deploy Your First Gatsby Site2. Use and Style React Components202204232218A brief history & ethos of the digital gardenA quick intro to ReactAccount CreationAppleAttlassianBackground KnowledgeBuild your site with Gatsby CloudCmsCSSConfluenceCreate a page componentDaily Notes PagesDaily NotesForestDigital Garden на Github Pages и JekyllDigital gardenENCODEGatsby CLIGatsby CloudGatsby theme gardenGatsby использует GitGatsby создан с Node.jsGatsby — это платформа для создания сайтовGatsby the quick startGatsbyGitGithub desktopGithub pagesGitHubGraphQLHTMLHomebrewHow i reward myself with good habits – the kozukai...How to grow your own digital garden with maggie...Installation GuideJavaScriptJiraLYTLinking Your Thinking HomepageLinking Your ThinkingMDXMac installerMacportsMindstoneMotifMy blog is a digital garden, not a blogNode.jsNota скрывает ссылку даже в маркдаунNotaNotionObsidian publishObsidian01-05-202221-04-202222-04-202224-04-202225-04-202226-04-202227-04-202228-04-202229-04-202230-04-2022Daily NotesQuartzReactSet up a GitHub repo for your siteTildaTrelloTutorial learn how gatsby works 2Tutorial: Learn how Gatsby worksTutorial learn how gatsby works2Visual Studio CodeWordpressXcodeiA WriternpmWrite Notes Name In EnglishАтомарные заметки“Библиография”БлогБуллет джорналВ работу с головой, кэл ньюпортВ туториале Gatsby хорошо объяснили, что такое...Вечнозелёные заметки энди матушакаВпечатления от Радость познания ФейнманаВы, конечно, шутите, мистер фейнман, ричард...Геймификация в приложениях для продуктивности...Генератор статических сайтовДля каждой абстрактной идеи следует придумать...Добавить функцию создания файла в той же папкеЗаметки энди матушака атомарныЗаметки энди матушака концептуально ОриентированыЗаметки энди матушака не совсем цифровой садЗаметки энди матушака отличаются от замёток в...Заметки по книге по методу адлераЗаметкиЗапуск сайта Gatsby на компьютереЗарегистрироваться на Gatsby CloudЗарегистрироваться на GitHubЗачем читать книгиЗачем читатьЗнание — результат на стыке информации и пониманияИзбранные файлы в notaИзменить главную страницу цифрового садаИзменям контент главной страницыИнструкция для командной строки на macИнформация сама по себе бесполезнаИнформация — это ещё не знанияКак Gatsby использует ReactКак вести умные заметкиКак получить доступ к бета-версии MotifКак привести дела и жизнь в порядокКак работают сайты на GatsbyКак установить Git с помощью HomebrewКак установить HomebrewКак читать книги мортимер адлерКнига — основной источник знанийКомандная строкаКомпонент ReactКопировать Quartz в свой репозиторийКэл ньюпортМногооконный режим в notaМортимер адлерМэгги эпплтонНа большинстве компьютеров Mac Git уже установленНавык обретается через знаниеНадо понимать, как учитьсяНаилучший результат достигается постоянными...Объясняй своими словамиОдна и та же книга может использоваться для разных...Опубликовать репозиторий на GitHub PagesОшибка Gatsby из-за установки NodeПеренести код с компьютера на GitHubПлагины gatsbyПоменять шаблон quartzПривязать свой домен к GitHub PagesПриложения для заметокПродвижение блога в телеграмеПродвижение блогаПроекты в буллет джорналПубликацию заметок в блоги и цифровые сады в notaПубликация ссылок в сообществах со временем...Публичные заметкиПубличные заметкиРадость познания, Ричард ФейнманРазница между информацией и знаниемРайан ХолидейРазница между таймбоксингом и таймблокингомРешения для digital gardenРичард фейнманСамообразованиеСамосовершенствованиеСервер разработкиСоединить аккаунт Gatsby Cloud с GitHubСоздание компонента страницы ReactСоздание нового сайта GatsbyСоздание цифрового сада с Quartz на GitHubСоздать репозиторий на GitHubСоздаём новую страницу aboutСписок источников о digital gardenСравнение пережитого или переживаемого с...Статьи из интернетаТаймблокингТаймбоксингТермин вечнозелёные заметки придумал не энди...ТерминалУ nota очень круто организована работа с вкладкамиУ nota очень много крутых фишекУлучшить качество своей жизниУмные заметкиУстановка Gatsby CLIУстановка git на macУстановка Gatsby и Node.js на MacУстановка NodeУстановка инструментов командной строки XcodeФайлы в notaФорма важнее содержанияФормопоклонникЦели ведения умных заметокЦеттелькастенЧасто под образованием понимают обладание...ЧерновикЧитатель превращается в потребителя информацииЧтение для развлеченияЧтениеЧто бы я хотел добавить в notaЭнди матушак