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

7 подписчиков

12+
12+

3 просмотра

19 дней назад

ПожаловатьсяНарушение авторских прав

7 подписчиков

12+
12+

3 просмотра

19 дней назад

ПожаловатьсяНарушение авторских прав
12+
12+

3 просмотра

19 дней назад

CSR, SSR, SSG — Какая разница в рендеринге страницы на клиенте/сервере? https://inverser.pro/220 В данном видео я покажу. как установить 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 Всем добра!

Название:

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

Категория:

Разное