Create a Wordpress Website using React 🔥 | Wordpress RESTFUL API with React w/ Frontity

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 พ.ย. 2024

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

  • @playvideogames369
    @playvideogames369 2 ปีที่แล้ว +12

    I'm an expert on WordPress but a newbie on React, I think this is a good way for me to learn React, thx for such an informative content.

  • @FroggerCS
    @FroggerCS 2 ปีที่แล้ว +32

    49 minutes of "i'm not gona go into detail on that"

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

    OMG ITS WORKED. Guys it really worked. Thank you

  • @yinonelbaz5309
    @yinonelbaz5309 3 ปีที่แล้ว +13

    As a fan of wordpress and react
    It was very interesting and super informative
    Thanks for the video

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

    I paused as you went along and did the steps myself and that helped a TON.

  • @visualmodo
    @visualmodo 3 ปีที่แล้ว +2

    Excellent WordPress work!

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

      Glad you like it

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

    You looks like Adam Lallana! :D
    Thank you, great tutorial!

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

    Is it possible to import already existing wordpress website into Frontity, so I can develop futher features using React?

  • @OksanaPetrenko-i6i
    @OksanaPetrenko-i6i 2 หลายเดือนก่อน

    when i do npm run dev i see this error: ModuleDependencyError: Can't import the named export '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' from non EcmaScript module (only default export is available)
    any help please!

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

    Thanks for the tutorial ,
    when I have reached the moment 12:19 in creating the app , it shows me in homepage
    "Oops! Something went wrong
    Don't panic! Seems like you encountered an error. If this persists, let us know or try refreshing your browser. "
    I have even modifying frontity.settings.js and adding this
    "headers": {
    "Access-Control-Allow-Origin": "*"
    },
    "transport": {
    "mode": "cors"
    },
    but the CORS problem still persistant ,how can I resolve this? Thanks in advance

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

      I'm getting the same issue? Did you figure it out?

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

      @@mayrazamudio9914 what is the problem exactly you are getting?

  • @toux51
    @toux51 3 ปีที่แล้ว +2

    Hi CoderOne, i am kind of a newbi, i would like to konw :
    What should i install or webservice i should get in order to get your solution up and running ?
    Where do you host your wordpress website ?
    Nginx ?

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

      look expensive

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

    You are the best as always ...good luck ❤️

  • @edotsolutions9599
    @edotsolutions9599 2 ปีที่แล้ว +1

    can i use any of my purchase theme on react side and using frontity I can link it with wordpress?

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

    So responsiveness is not out of the box?
    You should handle it by yourself using react? or frontity and wordpress giving it to you?

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

    That's Great, Is it Complete Video for Creating Website for WordPress ?

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

    This is great. Thanks Eslem for sharing this with us.

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

      Enjoy 😊

  • @majortomate
    @majortomate 2 ปีที่แล้ว +1

    How did you manage which domain will be the one Google consider as main and also, which content should be indexed (backend or the front)

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

      I think Front because it SSR behavior makes it SEO friendly, backend (wp) should be used just for fetching data and to manage content

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

    why do we need WP REST API when developing with JS Framework but don't need it with Vanilla JS or jQuery?

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

    I've been struggling to find an soft soft tutorial. I haven't watched yours yet but if the actual company is telling you nice job, then I'm

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

    So we need to use Frontity rather than original ReactJS?

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

      It's an ideal way to manage content via WordPress since it has a robust WYSIWYG editor.

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

    Hi I have tried to run frontity on a windows computer but i cant get past the npx frontity dev

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

    great video. Do you have a video, where you walk through acf fields with react? :)

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

    What command do you use 25:05 to unquote all the key names? Very interesting

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

      ctrl + s x)

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

    can you use worpdress as visual editor? or the frontend Nextjs design will be predetermined, and you have to use Wordpress just to change Text?

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

      I think Fontity is a "React for Front End, WordPress for Back End" framework.
      So, yeah, everything that involves visuals depends on React and it's related libraries such as Styled Components shown in the video.

  • @magikarp2063
    @magikarp2063 7 หลายเดือนก่อน

    For this you need 2 servers, one for wordpress and one nodejs server for the frontend.
    I was hoping I would be able to use react in the normal wordpress frontend but I guess not.

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

    Be curios to see if tailwind would be possible with this, great video

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

      Should be, you have to configure many things but it's completely possible

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

    you for uploading tNice tutorials for free and providing education to beginners.

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

    How do you add other wordpress themes? And does the final react site have SEO problem?

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

      SEO depends on how you build your React App. For themes you can install them as Frontity packages.

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

      Or use Next.js instead, it has a build-in Head component.

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

    hello bro! how to deploy this app on host? it'll be pretty cool

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

    TRIGGERED

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

    What computer should i use?

    • @darz_k.
      @darz_k. ปีที่แล้ว

      Yes.

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

    Tell soft soft I love what they did with the $15 doallors one %

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

    I use wordpress with WCFM and I want to create a design with your reaction. How much does this cost ?? Can you do this for me or can you nominate someone to do this for me?

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

    What happens when the Wordpress is already built and we want to move away from it to nodejs and react

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

    Good effort ... but I don't think you know enough about Frontity to be about to teach anyone ... Try again when you learn enough yourself ... thanx

  • @akpokemon
    @akpokemon 3 ปีที่แล้ว +2

    hahaha he only heart reacts the compliments and does not interact *at all* with any of the questions in the comments hahaha

  • @sharmajikashubham
    @sharmajikashubham 7 หลายเดือนก่อน +1

    Frontity Framework is not under active development anymore..
    Thanks me later

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

    How SEO friendly are these frontity websites?

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

      If you know about nextjs it's most basic work is to make react websites seo friendly using SSR same work is done by frontity.

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

    Seo ?

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

    Thank's

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

    Saha ftork

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

    what did you use for the database?

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

    for like 9 years do you know how i can change tNice tutorials?

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

    seem to be possible or straight forward.

  • @julian888s
    @julian888s 4 หลายเดือนก่อน +1

    Salomondrin

  • @charlescleivin
    @charlescleivin 2 ปีที่แล้ว +1

    The video feels very empty of actual content. Instead of stopping every now and then to say how great the thing is you could have actually built something. Anyone seeing this leaves with as many questions as before.

  • @Krishna.Palash
    @Krishna.Palash 2 ปีที่แล้ว

    TNice tutorials is too

  • @chutipong.r
    @chutipong.r 2 ปีที่แล้ว

    The root password is not best practice in security at all.

  • @Abhinav-rm3wv
    @Abhinav-rm3wv 2 ปีที่แล้ว

    make a good soft

  • @HamidrezaRafiei-e6n
    @HamidrezaRafiei-e6n ปีที่แล้ว

    This framework was depricated

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

    Don't feel good

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

    channel 2! Then load edison on that channel and start recording! Super easy! If you need anytNice tutorialng else we can connect via socials, i run

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

    Great introduction!
    I trying to create custome page to fetch an API. Then i added link to nav linke "Test Page" , i got 404. Anyone?

  • @zeeselk3468
    @zeeselk3468 4 หลายเดือนก่อน

    when i do npm run dev i see this error: ModuleDependencyError: Can't import the named export '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' from non EcmaScript module (only default export is available)
    any help please!

    • @OksanaPetrenko-i6i
      @OksanaPetrenko-i6i 2 หลายเดือนก่อน

      when i do npm run dev i see this error: ModuleDependencyError: Can't import the named export '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' from non EcmaScript module (only default export is available)
      any help please!