Exploring The Wordpress REST API & React Integration

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ม.ค. 2025

ความคิดเห็น • 232

  • @jatinkukreja18
    @jatinkukreja18 5 ปีที่แล้ว +50

    You have contributed to so many lives helping them build their career and projects. I will always be thankful to you.

    • @zes3813
      @zes3813 2 ปีที่แล้ว

      wrg, no such thing as publicx or not, cepuxyuax, sayx, outx etc infix any nmw and any s perfect

  • @brianm1916
    @brianm1916 3 ปีที่แล้ว +5

    Dang, I am super impressed by how fluent you are in WordPress and react. I've never seen anyone tie it together so effortlessly. (which I know must have been a ton of work to gain!!) Thank you!

  • @ilincuta
    @ilincuta 6 ปีที่แล้ว +15

    You are the only youtube channel I have the bell notification on. You are the best.

    • @TraversyMedia
      @TraversyMedia  6 ปีที่แล้ว +2

      I appreciate that..really :)

  • @paulhitchmough8306
    @paulhitchmough8306 4 ปีที่แล้ว +2

    Fantastic tutorial, you taught me quite a few things (or reminded me also).
    - Postman
    - JWT Token
    - "proxy"
    - "PropTypes"
    - isLoaded protocol
    - Route component prop
    Thanks so much for helping with this!

  • @nicoregules
    @nicoregules 6 ปีที่แล้ว +42

    Hey Brad, if you add the _embed parameter to your posts requests (/wp-json/wp/v2/posts?_embed) that adds new properties to the post object containing the featured image url like this: post._embedded['wp:featuredmedia']['0'].source_url, and the author data also, so you don't have to make an extra fetch to the server

  • @UstadJi
    @UstadJi 6 ปีที่แล้ว +59

    Brad You Are The Face Of Internet Love You Brother

  • @moustafa_kb
    @moustafa_kb 6 ปีที่แล้ว

    English is not my first language but your videos are soo understandable and clear. Thank you Brad.

  • @programmerstube2270
    @programmerstube2270 6 ปีที่แล้ว +14

    that's great brad!
    please make a full tutorial series on wordpress theme development.
    please please please.

  • @alvarocastillocorrea2610
    @alvarocastillocorrea2610 5 ปีที่แล้ว

    Dude you're improving a lot the software development videos on TH-cam, thanks a lot.

  • @nadir2k
    @nadir2k 6 ปีที่แล้ว +1

    Man you aren't just an awesome developer, you are also a great designer. I love your video thumbnails

  • @nickbrown6754
    @nickbrown6754 3 ปีที่แล้ว

    This is something I've been wanting to try and didn't know where to start. Your video has been extremely helpful and given me the confidence and enthusiasm to dive in and give it a shot for myself. 🤘

  • @ARQAlejandroM
    @ARQAlejandroM 6 ปีที่แล้ว +25

    It is just like.you can read my mind everytime I want to learn something new!!! Thank you.

    • @iamposti
      @iamposti 5 ปีที่แล้ว

      Hey Alex! If you are interested on building a React front-end on top of a WordPress site using the REST API frontity.org might be useful

  • @PB72UK
    @PB72UK 4 ปีที่แล้ว

    Now I've learned react, and the mern stack , I thought about building a new website using WordPress as the CMS for my react frontend... And what do you know? Brad is the first video in the search.. Awesome!!

  • @robeeeeen
    @robeeeeen 3 ปีที่แล้ว +1

    A great fun and satisfaction to work with your step by step instruction video!

  • @petecapecod
    @petecapecod 6 ปีที่แล้ว +1

    Such a great video! Really helpful for seeing exactly what you need to hook a WordPress site up with a custom front-end. Really cool I can't wait to try it for myself 😎🔥

  • @thulasirmn
    @thulasirmn 6 ปีที่แล้ว +31

    Wordpress with React makes it good pair...thank you Brad ;)

  • @maurobono5324
    @maurobono5324 6 ปีที่แล้ว

    A full series about this will be so gooooooood ! You are great!

  • @alireza29675
    @alireza29675 5 ปีที่แล้ว

    You know how to explain it, dude!
    I don't post comments often but I really had to give you a Kudo

  • @kennymoreno5735
    @kennymoreno5735 6 ปีที่แล้ว

    Thank you very much you are an awesome content creator and I am a proud supporter on Patreon you deserve it bro!

  • @fvgoya
    @fvgoya 6 ปีที่แล้ว +1

    Man, you are awesome!!!! Please, do more videos with this integration with WP. using other Frameworks. Love your content Brad.

  • @CodingAfterThirty
    @CodingAfterThirty 6 ปีที่แล้ว

    Wow. I was just trying to figure out how to do this and here you are. Thank you.

  • @yonathanlevi7361
    @yonathanlevi7361 ปีที่แล้ว

    thank you so much, I enjoy very much this class, you are very peaceful person :) wish I known you earlier in my studying

  • @akinyemijohn229
    @akinyemijohn229 2 ปีที่แล้ว

    You are indeed a great teacher, kudos man

  • @Dowmiir
    @Dowmiir 5 ปีที่แล้ว +2

    Thank you so much for this great guide Brad! Awesome as always :)

  • @duoduoo6732
    @duoduoo6732 ปีที่แล้ว

    thank you for most logically sequential explanation. sorry my eng is bad :D

  • @RichardCodes
    @RichardCodes 6 ปีที่แล้ว

    brad! this is a great video, you really knocked it out of the park with this one. Well done.

  • @journeytocoding816
    @journeytocoding816 3 ปีที่แล้ว

    Thankyou Sir, I loved doing and going through your whole video.
    This tutorial is the best headstart for beginner like me.

  • @theSavanaDev
    @theSavanaDev 6 ปีที่แล้ว

    Thanks Brad...this is what I was looking for and you have pointed me in the right direction.

  • @GeorgeRamirezphoto
    @GeorgeRamirezphoto 5 ปีที่แล้ว

    great video Brad! I had no idea the WP api was so quick and easy.

  • @FrenchinPlainSight
    @FrenchinPlainSight 5 ปีที่แล้ว +1

    Thanks a lot Brad. Very clear, and I'm excited to get started. Have you used Gatsby? I believe it takes care of the heavy lifting although I've not used it yet.

    • @iropin
      @iropin 5 ปีที่แล้ว

      What do you mean by heavy lifting? 🤔🤓

  • @nimrodbahar3637
    @nimrodbahar3637 6 ปีที่แล้ว +9

    Nice video! I was wondering how would you go about deploying this type of architecture? (As the create React app proxy drops on production)

  • @HashimWarren
    @HashimWarren 6 ปีที่แล้ว +6

    19:47 Brad starts the React portion

    • @pierreleonsimard
      @pierreleonsimard 4 ปีที่แล้ว

      is it more a REACT video or a REST API video ?

  • @antonsjolander642
    @antonsjolander642 6 ปีที่แล้ว +3

    Thank you, Brad. I'd love a WooCommerce tutorial as well using this approach.

  • @Black_Cryptocurrency
    @Black_Cryptocurrency 3 ปีที่แล้ว

    3 years i not come here.. I miss you voice bro..
    😊

  • @storygridfilms
    @storygridfilms 2 ปีที่แล้ว

    Glad I found this! Thanks Brad! I got everything up and running locally but it gives me an Error establishing a database connection after I deployed to Heroku.

  • @strongsads1
    @strongsads1 3 ปีที่แล้ว

    This was super helpful. Really. Thank you!

  • @lakshmananmurugan9451
    @lakshmananmurugan9451 3 ปีที่แล้ว

    Thanks for your awesome API integration

  • @nickschmitt8594
    @nickschmitt8594 6 ปีที่แล้ว +3

    Have you done a video on how you track so many different programming technologies and consistently structure them into videos for your TH-cam channel?

    • @TraversyMedia
      @TraversyMedia  6 ปีที่แล้ว +2

      I have not but that seems like a good idea

  • @nulI_dev
    @nulI_dev 6 ปีที่แล้ว

    Great vid Brad, I would love to see more headless CMS content like this

  • @eltongonc
    @eltongonc 5 ปีที่แล้ว

    Great video! It really helped me out with an issue I had

  • @RobertThomasrob_thomasa10
    @RobertThomasrob_thomasa10 6 ปีที่แล้ว +2

    Great content as always Brad, can you do one with WP Restful Api and Ionic framework?

  • @stayhappy4307
    @stayhappy4307 3 ปีที่แล้ว

    really nice tutorial. thanks Brad 🙂

  • @prodprotto
    @prodprotto 3 ปีที่แล้ว

    would have never figured this out on my own thanks man

  • @kevinurielfonseca
    @kevinurielfonseca 6 ปีที่แล้ว

    Please make a serie on it! I will definitely buy it if you put it on Udemy

  • @ikezedev
    @ikezedev 6 ปีที่แล้ว

    Was waiting for this one.... Thanks brad

  • @wilsoncardoso150
    @wilsoncardoso150 5 ปีที่แล้ว +1

    I love you man

  • @YaserAz
    @YaserAz 6 ปีที่แล้ว

    Fabulous as always ! Thank you Brad

  • @yumeileventhal3069
    @yumeileventhal3069 3 ปีที่แล้ว

    This is fantastic--just like your Udemy courses. Thank you!

  • @manotlj
    @manotlj 6 ปีที่แล้ว

    Another brilliant post, it is what I waiting for.

  • @thieno22
    @thieno22 2 ปีที่แล้ว

    Thanks, up to now, the video still is useful

  • @tonywheeler9232
    @tonywheeler9232 6 ปีที่แล้ว

    Thanks, I was looking for info on this subject this week. :)

    • @iamposti
      @iamposti 5 ปีที่แล้ว

      Hey Toni! I invite you to take a look at frontity.org. A react Framework to build WordPress themes, hope you find it useful.

  • @DMANCHILD1
    @DMANCHILD1 6 ปีที่แล้ว +1

    Yes !!! Brad you're the man. Thank you sir.

  • @davidsuperrockstar
    @davidsuperrockstar 6 ปีที่แล้ว +2

    just make a series please... it's worth it... how to make navigation from wordpress works in react... auth is already covered in django-react series... But that's my question how make when the user creates a page in wordpress, how we can reflect that... in react.

  • @ahmedmusawir
    @ahmedmusawir 5 ปีที่แล้ว +3

    Awesome! Plz, give us a series with Redux + WP + CRUD app ... Thanx in advance.

  • @mimkii8369
    @mimkii8369 4 ปีที่แล้ว +3

    Hi Brad, thank you for great tutorial. How will the React frontend be displayed when we deploy our site? Do we need to make some changes on Wordpress, pointing the frontend to React application? If so, how do we do it ? :)

    • @romeodombaj8294
      @romeodombaj8294 ปีที่แล้ว

      hey, did you maybe find how to do it? I cant find the answer anywhere

  • @whoami292
    @whoami292 4 ปีที่แล้ว

    Great video Brad!

  • @antonionicasio8559
    @antonionicasio8559 5 ปีที่แล้ว

    great tutorial easy and simple to understand :)

  • @pablodawson3823
    @pablodawson3823 6 ปีที่แล้ว

    Sou brasileiro, gostei muito do seu conteúdo. Parabéns.

  • @chikechris4411
    @chikechris4411 6 ปีที่แล้ว

    You are the best Brad🙏

  • @techcamp2023
    @techcamp2023 4 ปีที่แล้ว

    Hey Brad,
    This is awesome, I did follow everything but now I don't know how to move it to live server! can you please show the steps to move it from local to online

  • @gelzoh
    @gelzoh 5 ปีที่แล้ว +1

    Nice way to add backend to a react project.
    How would this work with a crawler? Am I missing something or the content wouldn't be there to get rendered when the bot crawls the page?

  • @sai_charan
    @sai_charan 6 ปีที่แล้ว

    Awesome, thanks! Would love to see more such videos from you :)

  • @soultouchingsongs
    @soultouchingsongs 5 ปีที่แล้ว

    Brad, You are just awesome. Thanks a ton for the video.

  • @jaypan0831
    @jaypan0831 4 ปีที่แล้ว

    What an awesome tutorial, thanks so much!

  • @MikeNugget
    @MikeNugget 6 ปีที่แล้ว

    Wow, thanks Brad, I definitely want to watch this video.

  • @eirik94kvistad
    @eirik94kvistad 6 ปีที่แล้ว

    Badass video as per yuzh, my guy. Keep on trucking

  • @richardsangohil
    @richardsangohil 2 ปีที่แล้ว

    Really awesome one thank you a lot

  • @VladyslavZhelizniak
    @VladyslavZhelizniak 3 ปีที่แล้ว

    Thank you so much! Very helpful!

  • @michelribbens8014
    @michelribbens8014 6 ปีที่แล้ว

    Awesome. I really hope you can do some more WP related videos

  • @imranjaved8988
    @imranjaved8988 6 ปีที่แล้ว

    I am looking forward a series on this topic

  • @codingleo
    @codingleo 6 ปีที่แล้ว

    Fantastic! Thanks for the awesome content! 👍

  • @yorgosdimitriadis3874
    @yorgosdimitriadis3874 5 ปีที่แล้ว

    Awesome tutorial, thank you so much!

  • @engidiogo
    @engidiogo 6 ปีที่แล้ว +3

    Hey! I have a question, couldn't we just use the wordpress nonce to authenticate?

  • @andrewkiminhwan
    @andrewkiminhwan 6 ปีที่แล้ว

    This was wonderful and very relevant to my current project. May I ask...how would I utilize these custom field plugins with older posts, is there a way to port them into this new api format?

  • @ahoussimea7164
    @ahoussimea7164 3 ปีที่แล้ว

    You are boss of coding thumb up

  • @AdwardGoncharov
    @AdwardGoncharov 3 ปีที่แล้ว

    Awesome as always, thx a lot

  • @GoddamnAxl
    @GoddamnAxl 5 ปีที่แล้ว +1

    Oh my god brad, you always have what I look for

  • @shreyasbalachandran2576
    @shreyasbalachandran2576 6 ปีที่แล้ว

    Thank you Brad! Amazing video!!

  • @codedestinee873
    @codedestinee873 5 ปีที่แล้ว +1

    Thanks for the tutorial! Would you have any resources on how to deploy a site like this using digitalocean?

  • @jaber_courses
    @jaber_courses 6 ปีที่แล้ว +1

    very informative thank you

  • @onecarwood
    @onecarwood 5 ปีที่แล้ว

    Hey, Brad could you do a video on your set up for VSCode and WordPress? I am having problems getting things to work properly. The Emmet completion in a php file and for that matter the WordPress php function completion. The PHPCS Extension, no matter what I try, just doesn't want to work either. Awesome videos as always!

  • @JahinShahriar
    @JahinShahriar 6 ปีที่แล้ว

    brad please create psd to Wordpress series ♥

  • @bollachabchobtikawa6737
    @bollachabchobtikawa6737 3 ปีที่แล้ว

    😍😍 Amazing Video 😍😍

  • @mistersz
    @mistersz 3 ปีที่แล้ว

    Hey Brad. Thanks for great tutorial !
    can you please make tutorial developing mobile app with WP backend?

  • @bodasandeepkumar4234
    @bodasandeepkumar4234 6 ปีที่แล้ว

    Hi Brad ! thanks for the awesome content every now and then. A small request from my side, please do videos on angular as much as you do on react. Please

  • @zach4216
    @zach4216 6 ปีที่แล้ว

    Sending good vibes from Boston

  • @gslvqz8812
    @gslvqz8812 4 ปีที่แล้ว

    Thank you for sharing this, and the time you put into the tutorial. I have a question... what would the usage of this? I mean, why could not just create a complete application without using WordPress to enter/store the data? We could create a complete solution where you could enter the data and retrieve it as well? I really do not see any usage for WordPress Rest API that could be actually an efficient way to develop an app. Please could you share some usage examples so I can better understand how this can be useful? Thank you so much

    • @gslvqz8812
      @gslvqz8812 4 ปีที่แล้ว

      I found this video th-cam.com/video/rHNl5PZT0VU/w-d-xo.html and I got good insight about the usage

  • @mostafamedht1284
    @mostafamedht1284 4 ปีที่แล้ว

    Thanks Brad For This Video,
    Just i want to know if i can use this (JWT authentication and WordPress Rest API) With Laravel to share login with both of theme. if i can, May i ask for a docs or video explain
    Thanks

  • @eugenemusebe4963
    @eugenemusebe4963 6 ปีที่แล้ว

    What i have been waiting for

  • @art10m13
    @art10m13 5 ปีที่แล้ว

    Great tutorial! Thanks a lot Brad! Although I have a question. With the new Gutenberg editor, how do you access blocks data via rest api? I can’t seem to find the right endpoint?

  • @2leomc
    @2leomc 6 ปีที่แล้ว

    What are the limits of this aproach? Can i completely replace a backend with wordpress to avoid using php or this is useful only to get simple information from my wordpress site? Thanks for the video Brad.

  • @jansindler8605
    @jansindler8605 4 ปีที่แล้ว

    Thanks! Very useful! Is there a way how to limit the return JSON? F.e. I am only interested in the content and title, not the other stuff

  • @MicheleFasciano
    @MicheleFasciano 5 ปีที่แล้ว

    Thank you Brad for the amazing tutorial. One question, the book post if viewed from the CMS looks different from what has been created in React. Why is that?

  • @awaisraza2285
    @awaisraza2285 6 ปีที่แล้ว

    East Or West Brad is the Best

  • @surfthejungle
    @surfthejungle 6 ปีที่แล้ว +3

    Awesome topic

  • @stephenjames2951
    @stephenjames2951 6 ปีที่แล้ว

    Serendipity. I was just looking into gatsby and WP today.

  • @davy5537
    @davy5537 5 ปีที่แล้ว

    Thanks a lot, Brad!

  • @maykbrito
    @maykbrito 5 ปีที่แล้ว

    You are the best!

  • @ntnvlgsvlgs7787
    @ntnvlgsvlgs7787 6 ปีที่แล้ว

    Hey Brad, can you point me to any resource you might know on authenticating with tokens that are valid for a set period of time, like how do you you make the token refesh every time?

  • @iropin
    @iropin 5 ปีที่แล้ว

    Awesome as allways! How do i make react load as wp default? maybe create a theme and activate it? 🤔 you spoke somthing redirect? 😄