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
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. :)
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.
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.
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?
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 :)
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.
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
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: th-cam.com/video/bfLFHp7Sbkg/w-d-xo.html
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.
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.
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.
I Was just looking to a headless Wordpress with react tutorial and you came through right in time. Thanks Kyle!
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?"
lol
This channel deserves 5M subscribers
Would love a whole video on react-spring!
Frontity is honestly underrated...
Mr kyle please do a full project with frontity and wordpress ?
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
true
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. :)
True but you have alot of advantages to using a headless setup. Especially if you want SPA
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.
Honestly, great technology.
Thanks Kyle! Hope you are having a wonderful week!
Thanks! You too
what.. I was looking for Frontity 10 minutes ago and got this video's notification.
This much people got the video in recommendations
High level but helpful. How about another video showing the backend with WP?
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.
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?
Wow Kyle! you have content for many areas, bravo!
Honestly, great video!
Excellent information, thank you very much!
Thanks Kyle, this was super useful
Amazing!
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 :)
He's already done a what's app clone. Check that out, good place to start.
Do you recommend using this headless cms architecture with wordpress+woocommerce?
Great video. Tons of great info.
Useful video 👍
Please create more content such as this :)
You can use react-dancing instead of react-spring, it's just 0.5KB
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?
Thx for this video!💥
can it combine with plugin like woocommerce?, what is this have a dashboard in wordpress backend?
very nice
Can this work with page builders like elementor?
Would you sill recommend Frontity ? what are other options...
They’ve been acquired by Automattic
Kyle are you familiar with Strapi? can you make a video about it?
awesome as always :-)
When using this headless set up with wordpress what are the pros and cons vs a regular wordpress site?
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.
Basically wordpress is going to be your backend. And you can choose any frontend framework.
I am not able to get content through WordPress Plugin's REST API. It says Cross Origin Error. Please help.
Nice
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
I have a question: I can't find the public folder as we have in react for static elements like images.
Is it worth investing in the project anymore?
Do you have availability for building a Gatsby + Wordpress theme for me? I want a solution for mass building small websites using Airtable data.
Bro, I have install frontity chakra theme but not displaying any images
Image settings is true
You look like the handsome version of the "im somewhat of a scientist myself " guy ....sorry i forgot the name
Do you have to deploy the project every time a user adds or changes content in the wp backend?
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: th-cam.com/video/bfLFHp7Sbkg/w-d-xo.html
Can it work with any theme? what about drag and drop theme builders?
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.
Yeah but you have never setup the wordpress admin login details how're we gonna login to this website's admin dashboard?
❤️️❤️️❤️️
Bro can we sell digital product using HTML, except WordPress.
If you know make a video
Please reply me
I wonder if this is sponsored video by vercel or Frontity .
First here! Nice content.
Seems complicated, why not just stick with a WP theme?
Awesome video,
Could you please make a tutorial on how to make a clone of " tinder " ?
Make a wp theme with acf and cpt
تبارك الله عليك بنتي فروحني بنات مرحبا عند خالتكم عائشة
How much do you love saying Frontity a bunch of times, hahaha!
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.
Please build one homework sharing website like Google classroom .
like this if you also want him to make this.
Is there a Vue 3 equivalent for frontity?
@web dev simplified hi! kindly make a project video on react bootsrap
can you show us how to get to start with war the
all of that tutorials on TH-cam right now it's very outdated
and not directly to the point
@@anonymousperson9929
thank you for the link I just
want a Ward dress crash course up-to-date
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.
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?
HEyy
Its like Chisel/Twig, but sexy...
!First
Can i work along with you?
Only if u like my skills
Why this guy always bashes older tech stacks ??
unfortunately Frontity is dead now.
Try making a Laravel App. I bet you never knew how to make one!
More info: laravel.com/