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

Ғылым және технология

Мои 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...

Пікірлер: 90

  • @bedeveloper
    @bedeveloper4 ай бұрын

    Для более детального изучения рекомендую мою статью на блоге 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-yb4fh3zs9e4 ай бұрын

    Интересно! Надо больше! Давайте курс по HEADLESS. Например Макет + React + Wordpress. Прям все с нуля.

  • @tatsianavaleri
    @tatsianavaleri4 ай бұрын

    Да, тема очень интересная, просим осветить ее более подробно. Большое спасибо за Вашу работу !!!!!!

  • @deadscorpion1200
    @deadscorpion12004 ай бұрын

    Последнюю неделю я именно что ищу на ютубе, так это wordpress headless, хотя не на react, а на vue. И прям очень надоело слушать пустые лекции на английском, так что я очень рад, Александр, что вы наконец-то тоже взялись за эту тему! Её обязательно надо развивать!! Ибо в русскоязычном сегменте инфы ну прям мало на эту тему...

  • @xniki4x
    @xniki4x4 ай бұрын

    удивляюсь как каждую субботу выходят видео по теме которая мне нужна))))

  • @Qwerty-gz3kb
    @Qwerty-gz3kb4 ай бұрын

    Однозначно стоит делать курс! инфы в ру-тубе по этой связке нет. Хотелось бы в платном курсе увидеть production-ready реализацию (SSR для SEO на том же next.js, фетч контента постов из редактора Gutenberg, фетч seo полей того же yoast seo из админки).

  • @user-uk6vm7ed8g
    @user-uk6vm7ed8g4 ай бұрын

    Спасибо за Вашу работу! смотрю Вас более 5 лет

  • @bedeveloper

    @bedeveloper

    4 ай бұрын

    Спасибо! Продолжай в том же духе)

  • @user-uj7kc4fy2q
    @user-uj7kc4fy2q2 ай бұрын

    Мне как начинающему React разработчику это видео было полезным. Лайк поставил

  • @nvvkanal
    @nvvkanal3 ай бұрын

    Тема связки Wordpress и React очень интересная! Очень жду расширенный и подробный туториал!!!

  • @MikhailPavstyuk
    @MikhailPavstyuk4 ай бұрын

    Очень интересно. Спасибо. Можно в качестве расширенного изучения: api работы с woocommerce и с кастомными типами постов.

  • @1caccount756
    @1caccount7564 ай бұрын

    HEADLESS Проекты на React.js + WordPress API

  • @tarttartuy8201
    @tarttartuy82014 ай бұрын

    Очень полезно и актуально! Нужен курс

  • @nikolay_it_master
    @nikolay_it_master4 ай бұрын

    Думаю, стоит делать полный курс React+ Headless.

  • @mister_andre
    @mister_andre4 ай бұрын

    Интересная тема, спасибо Александр 👍

  • @kiralatysheva6794
    @kiralatysheva67944 ай бұрын

    Интересно. Надо больше!

  • @andydev7905
    @andydev79054 ай бұрын

    Спасибо за урок! Больше видео по реакту и вордпресу плз!

  • @aleksandrasjarmalavicius7591
    @aleksandrasjarmalavicius75914 ай бұрын

    Больше реакта и вп! больше хедлесс! можно какой нибудь по серьезней проект попробовать сделать

  • @denspit7568
    @denspit75684 ай бұрын

    Очень интересно. Хотелось бы углубится в тему например woocommerce + vue

  • @filipakbash4785
    @filipakbash47854 ай бұрын

    Супер, давай еще!!!

  • @drfaqqy2226
    @drfaqqy22264 ай бұрын

    Очень интересно!

  • @BrestSouth
    @BrestSouth4 ай бұрын

    Спасибо, интересно. Продолжайте!

  • @kharisovruslan5523
    @kharisovruslan55234 ай бұрын

    Как раз такой делаю, только с Next

  • @bedeveloper

    @bedeveloper

    4 ай бұрын

    Красава

  • @user-ot2hh5nh5s
    @user-ot2hh5nh5s4 ай бұрын

    Интересная тема, нужно развивать

  • @user-kx4ph1xr7n
    @user-kx4ph1xr7n4 ай бұрын

    Спасибо за урок. Давно хотел перенести старые проекты на React, а админку оставить в WP. Жду новых уроков. Вы молодец!

  • @cao_dzecbi
    @cao_dzecbi4 ай бұрын

    Александр, прохожу ваш курс по php на udemy. Хотел сказать большое спасибо за ваш труд и отличную подачу материала!!

  • @dv9428
    @dv94284 ай бұрын

    Интересно! Еще больше видео по этой теме нужно)

  • @sergeynazarenko2316
    @sergeynazarenko23164 ай бұрын

    Очень интересно, ждём курс с примером)

  • @smyrnovd
    @smyrnovd4 ай бұрын

    очень интересная тема! жду серию видео о headless worpress

  • @elmaralijev7499
    @elmaralijev74994 ай бұрын

    Конечно интересно! Давайте больше этой темы!

  • @user-bh1tn1lp8g
    @user-bh1tn1lp8g4 ай бұрын

    Безусловно, тема очень интересная.

  • @webstroymaster
    @webstroymaster4 ай бұрын

    Спасибо за творчество! Тема интересная, Подобные реализации опять-же в зависимости от ситуации (поддержка SEO например) реализовывают больше на NEXT, если это REACT . С удовольствием посмотрю продолжение уроков на данную тему, чтоб были раскрыты темы от переноса шаблона с модалками, слайдерами , формами обратной связи и тд. до тестов производительности.

  • @fckincummer4934
    @fckincummer49342 ай бұрын

    Дай бог тебе здоровья молодой человек! Огромное спасибо

  • @Wanderer311
    @Wanderer3114 ай бұрын

    Спасибо, надо развивать эту тему!🇺🇦

  • @user-yp8hz5ip1y
    @user-yp8hz5ip1y4 ай бұрын

    стоит расказывать

  • @alexandermediantsev6354
    @alexandermediantsev63543 ай бұрын

    Тема очень интересная. Тем более, что нигде, именно такой, информации нет. Сейчас не понятно, как будет реализована, например, пагинация, фильтры, выборки и т.д. Как работать с вариативным товаром. И насколько это целесообразно. По тому, что Вы показали, кода нужно написать в 2 раза больше, чем на PHP. А вообще огромное Вам спасибо за вашу работу. Давно слежу за Вашим каналом. Все крутые фишки только у Вас 👍👍👍

  • @serhiididenko
    @serhiididenko4 ай бұрын

    Очень интересная тема!!!

  • @vladi4507
    @vladi45074 ай бұрын

    Очень круто, ждем новые видосы на тему headles и react

  • @1caccount756
    @1caccount7564 ай бұрын

    Как на счет, в продолжение данной темы рассмотреть вопрос организации доступов как к сайту так и отдельным страница для определенных пользователей в соответствии с ролями и правами........

  • @mk3mk3mk
    @mk3mk3mkАй бұрын

    Отлично! Спасибо за урок! Было бы интересно еще посмотреть, как делать POST запросы, чтобы например можно было создавать посты. И изменять и удалять. Да, и еще создавать свои кастомные типы полей и типы записей. И еще как бы структурировать API более менее понятно, а не так как это в WordPress по умолчанию.

  • @mourat9833
    @mourat98334 ай бұрын

    Больше хедлесс, народу!

  • @dveleoperbek1349
    @dveleoperbek13494 ай бұрын

    давайте еще подробнее и с нуля на эту тему

  • @mourat9833
    @mourat98334 ай бұрын

    Было бы здорово узнать как можно авторизоваться из Реакта и отправлять данные, например заполнение формы.

  • @MagicMightNew
    @MagicMightNew4 ай бұрын

    Невероятная удача. Я как раз сейчас, набивая шишки (первый раз всегда больно), делаю план для переезда на реакт существующего сайта с вп бэком. Спасибо!

  • @shurinskiy
    @shurinskiy2 ай бұрын

    Это просто прекрасно! Было здорово записать серьезный курс по взаимодействию rest api wp и react, с использованием woocommerce и нового 19-го реакта

  • @user-natal04ka
    @user-natal04ka4 ай бұрын

    Крутяк 🎉

  • @mahmatqulovbobojon9402
    @mahmatqulovbobojon94024 ай бұрын

    Спасибо за материал, я так скажу, на эту тему хотят больше контента даже те кто не хотят об этом контента :), Об этом знают опытные прогеры а вот новчки и те кто занимается этим относительно недавно то им дуаю очень интересно это тема, про себя скажу точно что уже не терпится изучить эту тему и начать практиковать

  • @efremov-denis
    @efremov-denis4 ай бұрын

    Тема headless очень интересна. Стою перед выбором что лучше для этого использовать WordPress или же Strapi.

  • @Cranok911
    @Cranok9114 ай бұрын

    + еще рассмотреть вариант рассмотреть HEADLESS с next js

  • @user-qs6ug2vx6k
    @user-qs6ug2vx6k4 ай бұрын

    Про htmx не было видео? Был бы интересен ваш разбор.

  • @elmaralijev7499
    @elmaralijev74994 ай бұрын

    Правда, не совсем понятно, почему фронтенд на React, а база данных на WordPress? Почему не сделать фронтенд на WordPress также? Или WordPress используют только для создания базы данных? Тогда зачем WordPress именно? Есть же уже готовые базы данных, такие как Firebase, Supabase и так далее... Что я упускаю из виду? Кто подскажет?

  • @user-zh6fh6lj8j
    @user-zh6fh6lj8j2 ай бұрын

    Хорошая тема, делал также год назад сайт на чистом React с вордпрессом. Освети еще тему деплоя на реальный сервер, поскольку есть разные способы запуска проекта, в ру-сегменте не смог найти, пришлось курить английские и индийские видео)

  • @vanmihaylovich
    @vanmihaylovich4 ай бұрын

    Александр, расскажи: 1) Необходимо ли менять DNS к сайту на WordPress раз он теперь доступен через API? 2) Можно ли вынести статичный контент сайта в CDN и отправлять его туда посредством Git каждый раз, когда редакторы статей закончат свою работу в WordPress админке?

  • @yuriychudaev.webdev
    @yuriychudaev.webdev4 ай бұрын

    чистый react? а как же seo, ssr?

  • @samurai-csgo
    @samurai-csgo3 ай бұрын

    А что в таких проектах делается с фронтенд частью самого wordpress? Как-то скрывается?

  • @alexbalakshy6784
    @alexbalakshy67844 ай бұрын

    Если мы используем такой подход, через создание систему которая работает по API - то зачем нужем нагроможденный вордпресс ? Не проще ли написать бэкенд на Laravel ?

  • @iExDll
    @iExDll4 ай бұрын

    Спасибо, не знал о наличие такого способа в WordPress. Но естественно на продакшн я бы это не использовал - постов много может быть. Для грамотной реализации нужно делать свои api методы. Хотя думаю, уже существуют планы. А в чем такая нелюбовь к стандартному методу fetch? Вообще не понял прикола ставить axios в учебном примере.

  • @sergeishmelev8000
    @sergeishmelev80004 ай бұрын

    Есть ли возможно использовать WP как полноценный бэкэнд , предоставляет ли он какие-то апи для этого? Например, загрузка изображений, регистрация и авторизация пользователей?

  • @evgenycoolikov2933
    @evgenycoolikov2933Ай бұрын

    Подскажите а имеет ли смысл связка react + wp для интернет магазина? и насколько она популярна на практике?

  • @jauhien6872
    @jauhien6872Ай бұрын

    Привет! Спасибо за видео. Подскажи пожалуйста - возможно ли запустить фронт WP страницы как реакт приложение а к контенту обращатся через API? Или такой сценарий имеет какие то существенные минусы? !important; (для привлечения внимания)

  • @mr.alexsteel
    @mr.alexsteel4 ай бұрын

    Инетересует использования в даном функционале graphql

  • @denisk5606
    @denisk56063 ай бұрын

    Просто фриланс это все таки CMS based рынок то есть там практически всегда нужна админка

  • @brokert3163
    @brokert316322 күн бұрын

    Ничего не понятно, но очень интересно

  • @alexandermediantsev6354
    @alexandermediantsev63543 ай бұрын

    Да... и еще очень важный вопрос - как к SPA сайтам относятся поисковики? Ведь по своей сути - это же одностраничник!

  • @ListenFight
    @ListenFight2 ай бұрын

    А есть же возможность, вставить react компонент, в сайт на ВордПресс?

  • @dmitryklyuev616
    @dmitryklyuev6164 ай бұрын

    CRUD так можно реализовать?

  • @bedeveloper

    @bedeveloper

    4 ай бұрын

    Да, WordPress API имеет возможности для CRUD. Он позволяет создавать, читать, обновлять и удалять записи в базе данных WordPress.

  • @denisk5606
    @denisk56063 ай бұрын

    Например смысл делать хедлес на вукомерс если там нужно много различных плагинов типа обработка ордеров, доставка какая-нибудь спецефичная еще что-то особое. По сути делать магазин на хедлес вордпрес это изобретать велосипед. Ну мне так кажется я не уверен.

  • @user-lv5zh2ob4m
    @user-lv5zh2ob4m4 ай бұрын

    Подскажите, в данный момент часто используете такую связку для работы?

  • @bedeveloper

    @bedeveloper

    4 ай бұрын

    Нет, я ее не использую вовсе. Это простой пример реализации как можно делать и как обычно поступают разработчики использующие такую связку.

  • @sergeychistyakov8149
    @sergeychistyakov81494 ай бұрын

    Интересный подход. Но интересует момент относительно 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 как раз таки открыт.

  • @sergeynazarenko2316
    @sergeynazarenko23162 ай бұрын

    Александр планируете сделать курс по Headless на Udemy?

  • @denisk5606
    @denisk56063 ай бұрын

    А на сколько популярен реакт на фрилансе? Мне кажется это больше к работе по контракту на долгий срок. Хедлес по срокам не имеет смысла так как на фрилансе нужно все быстро делать. Проще поставить шаблон и кастомизировать его, чем натягивать фронтенд реакт на вордпрес. Мог бы поделиться мнением с точки зрения фриланса и новые технологии.

  • @sunmoon2098
    @sunmoon20984 ай бұрын

    если все это надо делать на разних устройства ,с помощью апи то зачем тогда вордпрес в принципе!?

  • @bedeveloper

    @bedeveloper

    4 ай бұрын

    Ну например чтобы не создавать админку отдельно. Иначе придется бэкэнд приложению писать ✍️

  • @lafoerteaitishnik4793
    @lafoerteaitishnik47934 ай бұрын

    Пора переносить курсы на степик)

  • @bedeveloper

    @bedeveloper

    4 ай бұрын

    Зачем они на степик если есть на моем сайте?)

  • @lafoerteaitishnik4793

    @lafoerteaitishnik4793

    4 ай бұрын

    @@bedeveloper степик - популярная платформа, а про сайт мало кто знает)

  • @user-ke4cy3cl2s
    @user-ke4cy3cl2s4 ай бұрын

    а сделай тоже самое на modx

  • @bedeveloper

    @bedeveloper

    4 ай бұрын

    зачем? я не использую эту cms

  • @vinyardrip
    @vinyardrip4 ай бұрын

    Регби в штатах?)) У них самое тру американский футбол аще-т.., Ну тип регби))

  • @bedeveloper

    @bedeveloper

    4 ай бұрын

    Они футбол не хотят называть футболом и говорят ему соккер, по этому я их футбол называю рэгби)

  • @AndrewFloatrx
    @AndrewFloatrx4 ай бұрын

    Попытка натянуть сову на глобус! Погугли нормальные headless cms и попробуй юзать нормальное api, а не этот костыль…

  • @bedeveloper

    @bedeveloper

    4 ай бұрын

    Запиши видео и покажи другую точку зрения, пожалуйста 🙏 мы оценим!

  • @virtuoz-ru
    @virtuoz-ru4 ай бұрын

    Wordpress Api 👍

  • @nikolayp5469
    @nikolayp54694 ай бұрын

    Очень интересно!

Келесі