#1 GatsbyJS WordPress установка + создание стартового проекта

1 Просмотры

Кофе очень вдохновляет. Подарите мне его =) https://www.buymeacoffee.com/inverser В данном видео я покажу. как установить WordPress на хостинг (хотя м...

Дата загрузки:2022-05-05T17:25:10+0000

Издатель
Кофе очень вдохновляет. Подарите мне его =)
https://www.buymeacoffee.com/inverser

В данном видео я покажу. как установить WordPress на хостинг (хотя можно и на localhost) для того, чтобы Вы и Ваши коллеги могли редактировать тексты и загружать изображения к статьям, которые затем будут использоваться в Gatsby (запросы к WP будут идти и браться оттуда статьи и изображения). После чего всё это мы сможем превратить в статический сайт (не путать с сайтом-газетой). Статический в данном случае означает, что все его страницы заранее программно созданы и будут находится в виде html файлов на сервере, которому нужен только nginx (даже без nodejs или PHP) — для простого сайта, не требующего особой backend логики.

Также в видео будет доступна информация по поводу установки стартового проекта с помощью gatsby new.

Плюс я расскажу и покажу различные нюансы проектов на GatsbyJS

Список всех видео:
https://www.youtube.com/watch?v=JskyN4YXuLE&list=PL0XYm8bdyeFCTdJyUymDKV2zIeBhqWEmE

#gatsby #gatsbyjs #wordpress #graphql #react #jamstack

00:00 Ввод
00:20 Какой будет результат курса?
00:40 Пояснение организации структуры проекта
03:55 Структура файлов для разработки на GatsbyJS
04:25 Как происходит публикация сайта на production?
05:17 Для чего нужен WordPress в связке с Gatsby JS?
06:09 Какие сайты можно создать с помощью Gatsby.JS?
07:01 А как на счёт SSR/DSG?
08:20 Что такое GatsbyJS и в чём преимущество?
10:42 Необходимо знать React?
11:47 Как работает Gatsby? Как на счёт SEO?
14:18 Итог первой части видео
16:07 «Тонны» плагинов
16:30 В чём подвох SSG? (но есть также SSR/DSG...)
17:57 Установка и настройка WordPress
25:09 Установка плагинов WPGraphQL, WPGatsby, Advanced Custom Fields
29:17 Можно установить WP и на localhost (Ваш ПК)
31:40 Установим gatsby cli (npm install -g gatsby-cli)
32:00 У Вас должен быть установлен NodeJS
33:19 Установка стартового пустого проекта с помощью gatsby new
37:42 Пробуем стартануть проект в dev режиме (yarn develop)
38:01 Ловим первые ошибки (неверно указанная ссылка на gatsby-source-wordpress)
41:46 Ещё одна ошибка. Шаблон по умолчанию не проходит некую проверку и вызывает ошибку. Необходимо поменять шаблон
45:33 Показываю стартовую стандартную страницу GatsbyJS + структуру проекта
48:11 Подвожу итоги всего урока
49:14 А как же авторизация, асинхронные данные и пр.?
52:38 Всем добра!
Категория
Создание сайта
Комментариев нет.