Как Разрабатывать HEADLESS Проекты на React.js + WordPress API. Руководство для Чайников!

  Рет қаралды 7,264

Быть Программистом

Быть Программистом

4 ай бұрын

Мои Udemy курсы - genius.courses/udemy/
Клуб Фрилансеров - genius.courses/become-member/
Мой телеграм - t.me/bedev
Мои WordPress Темы - 1.envato.market/LXykj0
Статья на блоге - genius.courses/%d0%ba%d0%b0%d...
Что такое Headless WordPress - genius.courses/headless-wordp...
WordPress API - genius.courses/wordpress-rest...
WordPress API - genius.courses/rest-api-wordp...

Пікірлер: 93
@bedeveloper
@bedeveloper 4 ай бұрын
Для более детального изучения рекомендую мою статью на блоге genius.courses/%d0%ba%d0%b0%d0%ba-%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d1%82%d1%8c-%d1%81%d0%b0%d0%b9%d1%82-%d0%bd%d0%b0-react-%d0%b8-wordpress-headless/
@user-yb4fh3zs9e
@user-yb4fh3zs9e 4 ай бұрын
Интересно! Надо больше! Давайте курс по HEADLESS. Например Макет + React + Wordpress. Прям все с нуля.
@tatsianavaleri
@tatsianavaleri 4 ай бұрын
Да, тема очень интересная, просим осветить ее более подробно. Большое спасибо за Вашу работу !!!!!!
@user-gk9ll4ub6h
@user-gk9ll4ub6h 10 күн бұрын
это же магия вне Хогвардса ))круто!спасибо большое !!!!
@xniki4x
@xniki4x 4 ай бұрын
удивляюсь как каждую субботу выходят видео по теме которая мне нужна))))
@deadscorpion1200
@deadscorpion1200 4 ай бұрын
Последнюю неделю я именно что ищу на ютубе, так это wordpress headless, хотя не на react, а на vue. И прям очень надоело слушать пустые лекции на английском, так что я очень рад, Александр, что вы наконец-то тоже взялись за эту тему! Её обязательно надо развивать!! Ибо в русскоязычном сегменте инфы ну прям мало на эту тему...
@nvvkanal
@nvvkanal 3 ай бұрын
Тема связки Wordpress и React очень интересная! Очень жду расширенный и подробный туториал!!!
@Qwerty-gz3kb
@Qwerty-gz3kb 4 ай бұрын
Однозначно стоит делать курс! инфы в ру-тубе по этой связке нет. Хотелось бы в платном курсе увидеть production-ready реализацию (SSR для SEO на том же next.js, фетч контента постов из редактора Gutenberg, фетч seo полей того же yoast seo из админки).
@user-uk6vm7ed8g
@user-uk6vm7ed8g 4 ай бұрын
Спасибо за Вашу работу! смотрю Вас более 5 лет
@bedeveloper
@bedeveloper 4 ай бұрын
Спасибо! Продолжай в том же духе)
@nikolay_it_master
@nikolay_it_master 4 ай бұрын
Думаю, стоит делать полный курс React+ Headless.
@MikhailPavstyuk
@MikhailPavstyuk 4 ай бұрын
Очень интересно. Спасибо. Можно в качестве расширенного изучения: api работы с woocommerce и с кастомными типами постов.
@mk3mk3mk
@mk3mk3mk 2 ай бұрын
Отлично! Спасибо за урок! Было бы интересно еще посмотреть, как делать POST запросы, чтобы например можно было создавать посты. И изменять и удалять. Да, и еще создавать свои кастомные типы полей и типы записей. И еще как бы структурировать API более менее понятно, а не так как это в WordPress по умолчанию.
@aleksandrasjarmalavicius7591
@aleksandrasjarmalavicius7591 4 ай бұрын
Больше реакта и вп! больше хедлесс! можно какой нибудь по серьезней проект попробовать сделать
@user-kx4ph1xr7n
@user-kx4ph1xr7n 4 ай бұрын
Спасибо за урок. Давно хотел перенести старые проекты на React, а админку оставить в WP. Жду новых уроков. Вы молодец!
@tarttartuy8201
@tarttartuy8201 4 ай бұрын
Очень полезно и актуально! Нужен курс
@andydev7905
@andydev7905 4 ай бұрын
Спасибо за урок! Больше видео по реакту и вордпресу плз!
@alexandermediantsev6354
@alexandermediantsev6354 4 ай бұрын
Тема очень интересная. Тем более, что нигде, именно такой, информации нет. Сейчас не понятно, как будет реализована, например, пагинация, фильтры, выборки и т.д. Как работать с вариативным товаром. И насколько это целесообразно. По тому, что Вы показали, кода нужно написать в 2 раза больше, чем на PHP. А вообще огромное Вам спасибо за вашу работу. Давно слежу за Вашим каналом. Все крутые фишки только у Вас 👍👍👍
@smyrnovd
@smyrnovd 4 ай бұрын
очень интересная тема! жду серию видео о headless worpress
@kiralatysheva6794
@kiralatysheva6794 4 ай бұрын
Интересно. Надо больше!
@mister_andre
@mister_andre 4 ай бұрын
Интересная тема, спасибо Александр 👍
@cao_dzecbi
@cao_dzecbi 4 ай бұрын
Александр, прохожу ваш курс по php на udemy. Хотел сказать большое спасибо за ваш труд и отличную подачу материала!!
@dv9428
@dv9428 4 ай бұрын
Интересно! Еще больше видео по этой теме нужно)
@1caccount756
@1caccount756 4 ай бұрын
HEADLESS Проекты на React.js + WordPress API
@webstroymaster
@webstroymaster 4 ай бұрын
Спасибо за творчество! Тема интересная, Подобные реализации опять-же в зависимости от ситуации (поддержка SEO например) реализовывают больше на NEXT, если это REACT . С удовольствием посмотрю продолжение уроков на данную тему, чтоб были раскрыты темы от переноса шаблона с модалками, слайдерами , формами обратной связи и тд. до тестов производительности.
@elmaralijev7499
@elmaralijev7499 4 ай бұрын
Конечно интересно! Давайте больше этой темы!
@denspit7568
@denspit7568 4 ай бұрын
Очень интересно. Хотелось бы углубится в тему например woocommerce + vue
@fckincummer4934
@fckincummer4934 3 ай бұрын
Дай бог тебе здоровья молодой человек! Огромное спасибо
@1caccount756
@1caccount756 4 ай бұрын
Как на счет, в продолжение данной темы рассмотреть вопрос организации доступов как к сайту так и отдельным страница для определенных пользователей в соответствии с ролями и правами........
@filipakbash4785
@filipakbash4785 4 ай бұрын
Супер, давай еще!!!
@BrestSouth
@BrestSouth 4 ай бұрын
Спасибо, интересно. Продолжайте!
@MagicMightNew
@MagicMightNew 4 ай бұрын
Невероятная удача. Я как раз сейчас, набивая шишки (первый раз всегда больно), делаю план для переезда на реакт существующего сайта с вп бэком. Спасибо!
@sergeynazarenko2316
@sergeynazarenko2316 4 ай бұрын
Очень интересно, ждём курс с примером)
@mourat9833
@mourat9833 4 ай бұрын
Было бы здорово узнать как можно авторизоваться из Реакта и отправлять данные, например заполнение формы.
@shurinskiy
@shurinskiy 2 ай бұрын
Это просто прекрасно! Было здорово записать серьезный курс по взаимодействию rest api wp и react, с использованием woocommerce и нового 19-го реакта
@user-ot2hh5nh5s
@user-ot2hh5nh5s 4 ай бұрын
Интересная тема, нужно развивать
@drfaqqy2226
@drfaqqy2226 4 ай бұрын
Очень интересно!
@user-bh1tn1lp8g
@user-bh1tn1lp8g 4 ай бұрын
Безусловно, тема очень интересная.
@kharisovruslan5523
@kharisovruslan5523 4 ай бұрын
Как раз такой делаю, только с Next
@bedeveloper
@bedeveloper 4 ай бұрын
Красава
@mourat9833
@mourat9833 4 ай бұрын
Больше хедлесс, народу!
@mahmatqulovbobojon9402
@mahmatqulovbobojon9402 4 ай бұрын
Спасибо за материал, я так скажу, на эту тему хотят больше контента даже те кто не хотят об этом контента :), Об этом знают опытные прогеры а вот новчки и те кто занимается этим относительно недавно то им дуаю очень интересно это тема, про себя скажу точно что уже не терпится изучить эту тему и начать практиковать
@user-uj7kc4fy2q
@user-uj7kc4fy2q 2 ай бұрын
Мне как начинающему React разработчику это видео было полезным. Лайк поставил
@vladi4507
@vladi4507 4 ай бұрын
Очень круто, ждем новые видосы на тему headles и react
@serhiididenko
@serhiididenko 4 ай бұрын
Очень интересная тема!!!
@Wanderer311
@Wanderer311 4 ай бұрын
Спасибо, надо развивать эту тему!🇺🇦
@user-yp8hz5ip1y
@user-yp8hz5ip1y 4 ай бұрын
стоит расказывать
@user-natal04ka
@user-natal04ka 4 ай бұрын
Крутяк 🎉
@user-qs6ug2vx6k
@user-qs6ug2vx6k 4 ай бұрын
Про htmx не было видео? Был бы интересен ваш разбор.
@user-zh6fh6lj8j
@user-zh6fh6lj8j 2 ай бұрын
Хорошая тема, делал также год назад сайт на чистом React с вордпрессом. Освети еще тему деплоя на реальный сервер, поскольку есть разные способы запуска проекта, в ру-сегменте не смог найти, пришлось курить английские и индийские видео)
@samurai-csgo
@samurai-csgo 4 ай бұрын
А что в таких проектах делается с фронтенд частью самого wordpress? Как-то скрывается?
@Cranok911
@Cranok911 4 ай бұрын
+ еще рассмотреть вариант рассмотреть HEADLESS с next js
@dveleoperbek1349
@dveleoperbek1349 4 ай бұрын
давайте еще подробнее и с нуля на эту тему
@efremov-denis
@efremov-denis 4 ай бұрын
Тема headless очень интересна. Стою перед выбором что лучше для этого использовать WordPress или же Strapi.
@vanmihaylovich
@vanmihaylovich 4 ай бұрын
Александр, расскажи: 1) Необходимо ли менять DNS к сайту на WordPress раз он теперь доступен через API? 2) Можно ли вынести статичный контент сайта в CDN и отправлять его туда посредством Git каждый раз, когда редакторы статей закончат свою работу в WordPress админке?
@sergeishmelev8000
@sergeishmelev8000 4 ай бұрын
Есть ли возможно использовать WP как полноценный бэкэнд , предоставляет ли он какие-то апи для этого? Например, загрузка изображений, регистрация и авторизация пользователей?
@evgenycoolikov2933
@evgenycoolikov2933 2 ай бұрын
Подскажите а имеет ли смысл связка react + wp для интернет магазина? и насколько она популярна на практике?
@yuriychudaev.webdev
@yuriychudaev.webdev 4 ай бұрын
чистый react? а как же seo, ssr?
@dmitryklyuev616
@dmitryklyuev616 4 ай бұрын
CRUD так можно реализовать?
@bedeveloper
@bedeveloper 4 ай бұрын
Да, WordPress API имеет возможности для CRUD. Он позволяет создавать, читать, обновлять и удалять записи в базе данных WordPress.
@alexandermediantsev6354
@alexandermediantsev6354 3 ай бұрын
Да... и еще очень важный вопрос - как к SPA сайтам относятся поисковики? Ведь по своей сути - это же одностраничник!
@brokert3163
@brokert3163 Ай бұрын
Ничего не понятно, но очень интересно
@elmaralijev7499
@elmaralijev7499 4 ай бұрын
Правда, не совсем понятно, почему фронтенд на React, а база данных на WordPress? Почему не сделать фронтенд на WordPress также? Или WordPress используют только для создания базы данных? Тогда зачем WordPress именно? Есть же уже готовые базы данных, такие как Firebase, Supabase и так далее... Что я упускаю из виду? Кто подскажет?
@sergeynazarenko2316
@sergeynazarenko2316 3 ай бұрын
Александр планируете сделать курс по Headless на Udemy?
@alexbalakshy6784
@alexbalakshy6784 4 ай бұрын
Если мы используем такой подход, через создание систему которая работает по API - то зачем нужем нагроможденный вордпресс ? Не проще ли написать бэкенд на Laravel ?
@jauhien6872
@jauhien6872 2 ай бұрын
Привет! Спасибо за видео. Подскажи пожалуйста - возможно ли запустить фронт WP страницы как реакт приложение а к контенту обращатся через API? Или такой сценарий имеет какие то существенные минусы? !important; (для привлечения внимания)
@denisk5606
@denisk5606 3 ай бұрын
Просто фриланс это все таки CMS based рынок то есть там практически всегда нужна админка
@sergeychistyakov8149
@sergeychistyakov8149 4 ай бұрын
Интересный подход. Но интересует момент относительно seo. Если реализовать блог используя react или vue для фронтенд части, то это будет spa подход и если он будет иметь вложенность страниц то он будет плохо индексироваться поисковиками. Да, можно рассматривать next.js (или nuxt.js если это vue) для ssr рендеринга с сервера. Но тогда нужно поднимать сервер на node.js. А в режиме ssg (когда статически генерируемый код) то мы теряем все преимущество реактивности, которые дают react или vue. Вопрос тогда заключается в том когда именно целесообразно использовать Headless подход и как быть с seo продвижением для таких сайтов?
@galkovskiy
@galkovskiy 4 ай бұрын
так на реакте или вью реализовывается админка, а не основная часть сайта. соответственно никакой угрозы для сео тут нет
@sergeychistyakov8149
@sergeychistyakov8149 4 ай бұрын
@@galkovskiy В подходе про который рассказывает автор видео (headless) в качестве админки выступает wordpress, а на реакте или вью автор предлагает делать публичную часть, которая может выступать в качестве того же сайта. И если это будет на выходе SPA (как на примере в видео) то вопрос SEO как раз таки открыт.
@mr.alexsteel
@mr.alexsteel 4 ай бұрын
Инетересует использования в даном функционале graphql
@user-lv5zh2ob4m
@user-lv5zh2ob4m 4 ай бұрын
Подскажите, в данный момент часто используете такую связку для работы?
@bedeveloper
@bedeveloper 4 ай бұрын
Нет, я ее не использую вовсе. Это простой пример реализации как можно делать и как обычно поступают разработчики использующие такую связку.
@denisk5606
@denisk5606 3 ай бұрын
Например смысл делать хедлес на вукомерс если там нужно много различных плагинов типа обработка ордеров, доставка какая-нибудь спецефичная еще что-то особое. По сути делать магазин на хедлес вордпрес это изобретать велосипед. Ну мне так кажется я не уверен.
@ListenFight
@ListenFight 3 ай бұрын
А есть же возможность, вставить react компонент, в сайт на ВордПресс?
@iExDll
@iExDll 4 ай бұрын
Спасибо, не знал о наличие такого способа в WordPress. Но естественно на продакшн я бы это не использовал - постов много может быть. Для грамотной реализации нужно делать свои api методы. Хотя думаю, уже существуют планы. А в чем такая нелюбовь к стандартному методу fetch? Вообще не понял прикола ставить axios в учебном примере.
@denisk5606
@denisk5606 3 ай бұрын
А на сколько популярен реакт на фрилансе? Мне кажется это больше к работе по контракту на долгий срок. Хедлес по срокам не имеет смысла так как на фрилансе нужно все быстро делать. Проще поставить шаблон и кастомизировать его, чем натягивать фронтенд реакт на вордпрес. Мог бы поделиться мнением с точки зрения фриланса и новые технологии.
@duoduoo6732
@duoduoo6732 6 күн бұрын
раньше это назвыалось парсером сайтов
@lafoerteaitishnik4793
@lafoerteaitishnik4793 4 ай бұрын
Пора переносить курсы на степик)
@bedeveloper
@bedeveloper 4 ай бұрын
Зачем они на степик если есть на моем сайте?)
@lafoerteaitishnik4793
@lafoerteaitishnik4793 4 ай бұрын
@@bedeveloper степик - популярная платформа, а про сайт мало кто знает)
@sunmoon2098
@sunmoon2098 4 ай бұрын
если все это надо делать на разних устройства ,с помощью апи то зачем тогда вордпрес в принципе!?
@bedeveloper
@bedeveloper 4 ай бұрын
Ну например чтобы не создавать админку отдельно. Иначе придется бэкэнд приложению писать ✍️
@servera-center
@servera-center 4 ай бұрын
а сделай тоже самое на modx
@bedeveloper
@bedeveloper 4 ай бұрын
зачем? я не использую эту cms
@michaelmurat5481
@michaelmurat5481 2 күн бұрын
гоу фулл сайт реакт + вп
@vinyardrip
@vinyardrip 4 ай бұрын
Регби в штатах?)) У них самое тру американский футбол аще-т.., Ну тип регби))
@bedeveloper
@bedeveloper 4 ай бұрын
Они футбол не хотят называть футболом и говорят ему соккер, по этому я их футбол называю рэгби)
@AndrewFloatrx
@AndrewFloatrx 4 ай бұрын
Попытка натянуть сову на глобус! Погугли нормальные headless cms и попробуй юзать нормальное api, а не этот костыль…
@bedeveloper
@bedeveloper 4 ай бұрын
Запиши видео и покажи другую точку зрения, пожалуйста 🙏 мы оценим!
@virtuoz-ru
@virtuoz-ru 4 ай бұрын
Wordpress Api 👍
@nikolayp5469
@nikolayp5469 4 ай бұрын
Очень интересно!
Почему я бросил офис ради Фриланса?
13:54
Быть Программистом
Рет қаралды 2,3 М.
Vivaan  Tanya once again pranked Papa 🤣😇🤣
00:10
seema lamba
Рет қаралды 30 МЛН
Was ist im Eis versteckt? 🧊 Coole Winter-Gadgets von Amazon
00:37
SMOL German
Рет қаралды 31 МЛН
WHO DO I LOVE MOST?
00:22
dednahype
Рет қаралды 80 МЛН
My little bro is funny😁  @artur-boy
00:18
Andrey Grechka
Рет қаралды 13 МЛН
Веб дизайн урок по анимации || 3d слайдер в Figma
17:33
Как разработать плагин на WordPress?
3:44:43
Быть Программистом
Рет қаралды 26 М.
Сколько нужно коннектов, чтобы взять заказ на UpWork?
21:01
Быть Программистом
Рет қаралды 5 М.
Use Wordpress as a Headless CMS for Next JS
6:14
Digital CEO
Рет қаралды 37 М.
Забудь про Локальный Сервер! Запускай все под Docker!
34:12
Быть Программистом
Рет қаралды 6 М.
iPhone 16 с инновационным аккумулятором
0:45
ÉЖИ АКСЁНОВ
Рет қаралды 3,2 МЛН