How To Use Frontity To Create A Headless WordPress Theme With React

[@Aaronmoreno]

I Was just looking to a headless Wordpress with react tutorial and you came through right in time. Thanks Kyle!

[@mrkanalelgn9438]

2:02 On a Frontity sponsored video* Frontity: "Do you want to see updates about Frontity?" Kyle : "No" Frontity: "Am I a joke to you?"

[@christophermartinez1769]

lol

[@imsarvesh_]

This channel deserves 5M subscribers

[@tasmto]

Thanks Kyle! Hope you are having a wonderful week!

[@WebDevSimplified]

Thanks! You too

[@AtNineGaming]

Would love a whole video on react-spring!

[@muhrizqiardi]

Frontity is honestly underrated...

[@christophermartinez1769]

Wow Kyle! you have content for many areas, bravo!

[@unknownman1]

what.. I was looking for Frontity 10 minutes ago and got this video's notification.

[@weirdapebeard4975]

Honestly, great technology.

[@peepwebdev575]

If you are getting Internal Server Error on the React Spring section is it because React Spring released a new version and the code in this video no longer works for the page animations part. I found the answer to solve this on the React Spring GitHub: "Yzrsah commented 27 days ago @tim-soft The API for useTransition changed in V9 but it's not documented on react-spring.io. If you make these changes, it will resolve the issue. Remove the key selector from useTransitions(), as it's now automatic: const transitions = useTransition(toggle, null, { to const transitions = useTransition(toggle, { Call transitions instead of mapping it: transitions.map(({ item, key, props }) => ...) to transitions((props, item, key) => ...) @joshuaellis The issue is just a documentation issue.Yzrsah commented 27 days ago @tim-soft" Great video man. Thanks for your work.

[@kalpeshgabu4092]

Mr kyle please do a full project with frontity and wordpress ?

[@abrotherinchrist]

I'm guessing Frontity is not a good choice for headless WordPress anymore since the team was bought out by Automattic? I'm also guessing that this was a strategic move to not only acquire a great development team, but to quench the push towards headless WordPress? Are there other tools like Frontity?

[@yinonelbaz5309]

Honestly, great video!

[@tonkihonks3430]

High level but helpful. How about another video showing the backend with WP?

[@jgvlc]

Excellent information, thank you very much!

[@matttherat9533]

This much people got the video in recommendations

[@jarrettpruitt]

Great video. Tons of great info.

[@sidwahi689]

Thanks Kyle, this was super useful

[@srdjagunjic]

Headless WordPress is cool but it is quite simple and you can't do everything. Say goodbye to hundreds of useful plugins. I absolutely love WordPress PHP theme-ing as there are basically no limits on what you can achieve and you can make complex WooCommerce web shops and apps. Good luck with that using the Headless way :p

[@unknownman1]

true

[@Frontity]

We think the two approaches are good, and both have their cons and pros. With headless WordPress plugin compatibility can be tricky, but you also open a door to the React ecosystem. Using one or another will always depend on the project's needs. :)

[@alexlytle089]

True but you have alot of advantages to using a headless setup. Especially if you want SPA

[@arman3400]

I was reading the comments looking for headless wp integrations with woocommerce, because that's what i want to do for my company (they're using woocommerce for payments, and I know react js) now your comment has left me unsure.

[@Knuddelfell]

Thx for this video!💥

[@AnirudhIsOnline]

Useful video 👍

[@giuseppeargento4201]

Amazing!

[@23001215]

I just had one doubt, using frontify we can deploy react apps to WordPress but can we use the drag and drop feature of WordPress to modify the UI?

[@christophermartinez1769]

Do you recommend using this headless cms architecture with wordpress+woocommerce?

[@mazhuda]

can it combine with plugin like woocommerce?, what is this have a dashboard in wordpress backend?

[@aestheticallyamazing2003]

Please create more content such as this :)

[@VasanthKumar-nu2px]

hey man can you please make a video on how to implement chat room with react and css... especially how to make page load with the most recent message when chat goes from bottom to top. also, love your videos :)

[@nicbongo]

He's already done a what's app clone. Check that out, good place to start.

[@rangabharath4253]

awesome as always :-)

[@behnammohammadi5820]

You can use react-dancing instead of react-spring, it's just 0.5KB

[@patrickpierre-devtips]

When using this headless set up with wordpress what are the pros and cons vs a regular wordpress site?

[@Frontity]

Hi Patrick! With Headless Wordpress you decouple the Core Wordpress engine with the Rendering Engine allowing you to choose the tool to render the final HTML displayed to the browser. This brings a lot of possibilities allowing you to use React (for example) to design and develop your UI, improving the Developer Experience and the User Experience.

[@finkyfreak8515]

Basically wordpress is going to be your backend. And you can choose any frontend framework.

[@ahmedthebest]

very nice

[@lakzari_za]

Can this work with page builders like elementor?

[@unchart_d]

First here! Nice content.

[@21agdmnm]

Kyle are you familiar with Strapi? can you make a video about it?

[@olegok7584]

Would you sill recommend Frontity ? what are other options...

[@imrandev20]

I have a question: I can't find the public folder as we have in react for static elements like images.

[@hitmusic6978]

Bro, I have install frontity chakra theme but not displaying any images

[@hitmusic6978]

Image settings is true

[@GhostRider-hg5vc]

I am not able to get content through WordPress Plugin's REST API. It says Cross Origin Error. Please help.

[@l4webdesign186]

Do you have to deploy the project every time a user adds or changes content in the wp backend?

[@MichalCzaplinski]

No, you don't have to re-deploy your project when your WP content changes! Frontity is not a static site generator! :) When you use a static site generator like Gatsby, you would indeed have to deploy again because your pages are created at build time. With a dynamic framework like Frontity, your content is generated dynamically every time a user opens the page. However, if you use CDN caching, you can get the same speed benefits that you would from a statically generated site! You can think about the difference between the two approaches in terms of where the builds are "cached": SSG - You cache your pages on your servers. You "invalidate" all of that cache every time you build your project again. SSR + CDN - You cache your pages at the CDN. The cache can be invalidated e.g. per post every time the content changes. The folks from Remix.run have a great video explaining that in more depth: kzbin.info/www/bejne/mJevd3umbLiVock

[@CodeWithMuayid]

Can it work with any theme? what about drag and drop theme builders?

[@Frontity]

Hi Moah! With Headless WordPress it doesn't really matter the theme you have in WordPress as the data in WordPress will be available via its REST API. With this data then you can create your custom theme with React. With Frontity there are some React themes ready for you to start using them. Feel free to take a look at our docs for more info: docs.frontity.org/frontity-themes.

[@CharisValtzis]

Is it worth investing in the project anymore?

[@dainsleif3122]

I hope you have time to reply. I have a set of users. And their data stored in my db. I want to offer a way to create a uniqe one pager . So basicly they just press a button. That then gets the info from the database, and then automaticly generates a new wordpress site. Is this possible with this? How would i get started ? Im at a loss , since there is not much info about this

[@StambaughDesignsBellingham]

Do you have availability for building a Gatsby + Wordpress theme for me? I want a solution for mass building small websites using Airtable data.

[@yvsh]

Nice

[@holdenjack]

They’ve been acquired by Automattic

[@iSohaibKhan]

Yeah but you have never setup the wordpress admin login details how're we gonna login to this website's admin dashboard?

[@venkatesh2788]

Bro can we sell digital product using HTML, except WordPress. If you know make a video Please reply me

[@JordanAF808]

How much do you love saying Frontity a bunch of times, hahaha!

[@Hartley94]

❤️️❤️️❤️️

[@chubamoa3640]

You look like the handsome version of the "im somewhat of a scientist myself " guy ....sorry i forgot the name

[@namashaggarwal7430]

Awesome video, Could you please make a tutorial on how to make a clone of " tinder " ?

[@vitughost6778]

Make a wp theme with acf and cpt

[@aichawazzan4265]

تبارك الله عليك بنتي فروحني بنات مرحبا عند خالتكم عائشة

[@StefTechSurfer]

Seems complicated, why not just stick with a WP theme?

[@ahmedthebest]

can you show us how to get to start with war the all of that tutorials on KZbin right now it's very outdated and not directly to the point

[@ahmedthebest]

@@anonymousperson9929 thank you for the link I just want a Ward dress crash course up-to-date

[@ZARRKK]

I wonder if this is sponsored video by vercel or Frontity .

[@CodingUnited]

Is there a Vue 3 equivalent for frontity?

[@aldrinjenson]

So what if I want to create a new post.? I've to go to wp and create it there for it to show up in the frontity site?

[@waleedjanjua9190]

@web dev simplified hi! kindly make a project video on react bootsrap

[@prashantdulal5796]

Please build one homework sharing website like Google classroom . like this if you also want him to make this.

[@Plrang]

Cool, if you don't have a life just sitting in code, wordpress is supposed to speed up and not slow down development. Unfortunately their seems to be a block editor and theme.json going the way of clutter.

[@vishallondhe7298]

!First

[@platanusstudio]

I guess this framework is kinda useless. Anyone can setup a wordpress site and make it communicate with frontend frameworks like react, angular or vue using REST API or GraphQL server. The real game changer was create-react-wptheme node package which can be used to develop WordPress themes with react. But unfortunnately its repo is no longer maintained so it became obsolete.

[@digwillhachi]

unfortunately Frontity is dead now.

[@lochanpokharel]

HEyy

[@DIN_A8]

Its like Chisel/Twig, but sexy...

[@pratikkeni]

Why this guy always bashes older tech stacks ??

[@Ajaykumar-nn8bp]

Can i work along with you? Only if u like my skills

[@DaRealTT]

Try making a Laravel App. I bet you never knew how to make one! More info: laravel.com/