NEXT.js 14 meets Headless Wordpress: The Perfect Combo for SEO and SPEED ⚡︎ Guillermo Approved!

[@bridgertower]

FIXED AUDIO VERSION (My bad haha): kzbin.info/www/bejne/gIvGYmB4mLSpj9k

[@anhvuuc8693]

i thought my headphones had problems 😂

[@drt4003]

Would be interesting to see woocommerce implementation

[@germandeluca3712]

Excellent video, what vsc theme do you use?

[@cb73]

I’ve been serving clients and doing Wordpress development for them for years and I’ve never run into a scenario where a “headless” frontend had any value to them. An interesting project and really fun to experiment with but the reality is that the reason Wordpress is so ubiquitous is because of the plugins and theme configurations with short codes etc. I did work for a large company a few years ago when the headless thing was super trendy and they had the idea to convert their blog to a headless frontend. It was fun to build but the first time marketers started asking for the features they were used to, it meant more development work. Within a year that project was abandoned.

[@nvictorme]

It's the backend that's headless, not the fronted 🤷 frontend IS the head.

[@HideBuz]

It can be more secure as wp itself is not exposed directly, if setup correctly.

[@alyxx997]

Wordpress is terrible and should not be used in any project in 2024. Especially if you call yourself "professional" :D

[@milorad3232]

@@alyxx997 lol so not true. WP is sutable for 90% of the website projects if you know what you are doing. I've worked professionaly with it for more than 6 years on a lot of projects, where 80%+ of code is written by me. If you are using lot of plugins and page builders, you will end up with a slow website probably. Although I've worked on some that have good speed metrics in spite of using page builder plugin. WP is here and will stay, because a lot of problems have been solved, it's easy to find a lot of solutions to problems you might have if you know basic stack of languages that are required for WP.

[@depafrom5277]

@@alyxx997 Please explain why Wordpress should not be used in 2024.

[@oli-9609]

Thanks a lot for the content ! Could you explain how to deploy this setup with only one domain for both the wp and the front end on a vps ?

[@abura1han]

WOW, it's amazing! I will probably give it a shot, your vs code theme is also cool, could you share the theme name, please?

[@peterwilson3752]

Super badass, thanks for this

[@mrbjjackson]

Looks cool. How are you doing the page transitions? Looks like you've got a kind of blur / fade thing happening there. Are you using the view transitions API and if so how did you achieve that with NextJS? Thanks

Thanks I managed to make web profiles with CTP and ACF fields :)

[@jesuzbo.]

This is amazing ❤❤ just a question, can I do things like importing data from wordpress plugins?

[@skillissuestudio]

Great vid and even better OSS project!

[@techjavaid6177]

Does it support woo commerce

[@phpmeras4809]

Is it possibe to add woommerce to?

[@gambocco]

Will it work with all plugins and woocommerce

[@TheKamieniu]

Can you share a link to this WordPress NextJs combo production? To see how it works on real case.

[@alirezamohseni5475]

*

[@sethhendrikz6949]

its in the description if you still looking

[@mscj_dev]

wow thats nice. Thanks for sharing, may I ask what do you think would be the use cases for this?

[@youtuber9991]

FYI all your audio is on the left channel

[@bridgertower]

Thanks for catching. Will reupload

[@treyrader]

what the hell is this lol. that's baller

[@kennethpineda6143]

How to fix the cache? its not working. When I update the content in WP. It won't reflect in nextjs. But when I check in wp rest api it update. How to fix this?

[@childofthearts3785]

might have to change the revalidate variable? @12:53

[@22thag6]

In "post" it only gets 10 posts, is there any way to get them all?

[@emilianoborzelli9774]

Add per_page in getAllPosts function, example: export async function getAllPosts(filterParams?: { author?: string; tag?: string; category?: string; }): Promise { const url = getUrl("/wp-json/wp/v2/posts", { author: filterParams?.author, tags: filterParams?.tag, categories: filterParams?.category, per_page: 100, }); const response = await fetch(url); const posts: Post[] = await response.json(); return posts; }

[@MatheusPereira-nn9dj]

awsome

[@SerhatDemirkan]

Can you make it amp compatible? It might be faster and it works for me. Also thanks for sharing

[@ukaszrozewicz7488]

Even Google drops amp development, it is outdated solution

[@SerhatDemirkan]

@@ukaszrozewicz7488 but i need for a while