Gatsby

[[ Gatsby — это платформа для создания сайтов ]].

Это Генератор статических сайтов, один из самых популярных. Меня заинтересовала эта платформа, потому что один разработчик сделал на ней Публичные заметки а-ля [[ Вечнозелёные заметки Энди Матушака ]]: https://github.com/aravindballa/gatsby-theme-andy.

На сайте с документацией, Gatsby советуют для новичков вот этот гайд: Tutorial- Learn how Gatsby works.

Вот простой, вроде бы, вариант для своего цифрового сада на Gatsby — Gatsby Theme Garden

  • Канал на Ютубе: https://www.youtube.com/gatsbyjs.

Notes mentioning this note

0. Set Up Your Development Environment
https://www.gatsbyjs.com/docs/tutorial/part-0/ Прежде чем начинать создавать сайт на Gatsby, надо познакомиться с основными веб-технологиями и установить необходимые инструменты.
1. Create and Deploy Your First Gatsby Site
https://www.gatsbyjs.com/docs/tutorial/part-1/ На этом уроке мы создадим свой первый сайт на [[Gatsby]] — блог с поддержкой изображений и [[MDX]]. Если ты не...
Account Creation
После установки всех необходимых инструментов, нужно зарегистрироваться в нескольких сервисах, для дальнейшей разработки сайтов на [[Gatsby]].
Background Knowledge
Этот туториал создан для людей, которые не знакомы с [[Gatsby]] и [[React]]. Поэтому нужно узнать о некоторых основных понятиях. Не...
Build your site with Gatsby Cloud
Теперь создадим наш блог с помощью [[Gatsby Cloud]]. А без него нельзя? Вроде ж можно запилить [[GitHub Pages]]. Надо попробовать,...
Create a page component
В сайтах [[Gatsby]] есть два основных типа компонентов.
Gatsby CLI
Gatsby CLI — это интерфейс командной строки (Gatsby command line interface). Если я правильно понял, он меняет внешний вид [[Терминал]]....
Gatsby Cloud
Gatsby Cloud — это специальная платформа для запуска и хостинга сайтов на [[Gatsby]]. Когда мы соединяем аккаунты Gatsby Cloud с репозиторием...
Gatsby theme garden
Gatsby Theme Garden
Gatsby создан с Node.js
Чтобы начать работу с [[Gatsby]], на компьютере должен быть установлен Node.js 14.15 или новее.
Gatsby — это платформа для создания сайтов
Gatsby — это платформа для создания сайтов
Gatsby
[[Gatsby — это платформа для создания сайтов]].
Git
Git — это бесплатная система контроля версий. Она позволяет сохранять разные версии кода. И с ним можно работать над кодом...
GraphQL
GraphQL — язык запросов для загрузки контента на сайт.
Installation Guide
В этом уроке рассказываем, как устанавливать необходимые инструменты для работы [[Gatsby]]: [[Node.js]] [[Git]] [[Gatsby CLI]] [[Visual Studio Code]] (но можно...
Node.js
Node.js — это программа, которое позволяет запускать [[JavaScript]] вне браузера, на компьютере. Не совсем понятно, что такое «окружение». Заменил на...
React
Как устроен React (на примере статьи про эпидемию) — статья в журнале Код.
Tutorial: Learn how Gatsby works
Это официальный туториал Gatsby: https://www.gatsbyjs.com/docs/tutorial/
Tutorial learn how gatsby works2
Tutorial: Learn how Gatsby works2 https://www.gatsbyjs.com/docs/tutorial/
Xcode
Не знаю, зачем это надо, но в [[Tutorial- Learn how Gatsby works]] от [[Gatsby]] советуют установить его, сразу же после...
npm
npm — это менеджер пакетов, который устанавливается вместе с Node.js.
В туториале Gatsby хорошо объяснили, что такое командная строка
В туториале [[Gatsby]] хорошо объяснили что такое [[Командная строка]]. Сначала они пишут, что командная строка — это «программа с текстовым интерфейсом...
Запуск сайта Gatsby на компьютере
Чтобы посмотреть, как наш сайт будет выглядеть в браузере, надо запустить его на своём компьютере. Для этого есть инструмент [[Сервер...
Зарегистрироваться на Gatsby Cloud
Для работы с [[Gatsby]] надо зарегистрировать аккаунт на Gatsby Cloud. ![[1651691911.png]] Самый простой способ — зарегистрироваться с помощью аккаунта [[GitHub]], который...
Изменям контент главной страницы
Попробуем изменить внешний вид главной страницы с помощью [[Компонент React]].
Как Gatsby использует React
[[Gatsby]] использует [[React]] для построения страниц и структурирования контента.
Как работают сайты на Gatsby
Схема, как работает сайт на [[Gatsby]].
Компонент React
Я так понял, что применительно к сайтам [[Gatsby]], компонентом [[React]] являются html-теги. Хотя нет, вроде бы речь об элементах. Компонент...
Публичные заметки
Публичные заметки — это гибрид блога, онлайн-[[Цеттелькастен]], [[Вечнозелёные заметки Энди Матушака]] и [[Digital Garden]].
Публичные заметки
Публичные заметки — это гибрид блога, онлайн-[[Цеттелькастен]], [[Вечнозелёные заметки Энди Матушака]] и [[Digital Garden]].
Соединить аккаунт Gatsby Cloud с GitHub
Чтобы соединить аккаунт [[Gatsby Cloud]] c репозиторием [[GitHub]], в котором лежат файлы нашего блога, заходим на свою страницу в Gatsby...
Создание нового сайта Gatsby
Эта инструкция работает с [[Gatsby CLI]] версии 4.8 и выше. Чтобы проверить номер версии, наберите в Терминал команду: gatsby --version....
Установка Gatsby CLI
Чтобы установить [[Gatsby CLI]] надо открыть [[Терминал]] и набрать команду: npm install -g gatsby-cli.

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