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