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.
@@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.
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
Thankyou, but I have 1 query: When I load Headless WordPress posts into my Next.js application, the CSS doesn't apply correctly to the blog post data. Additionally, I need to manage image sizes, as images appear full-screen on the blog detail page in Next.js. Furthermore, if I need to create a post about an art exhibition and include an image gallery, how can I manage the images to display them as a gallery? How do I ensure the images are styled correctly and displayed in a structured layout?
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?
FIXED AUDIO VERSION (My bad haha): ruclips.net/video/JZc1-BcOvYw/видео.html
i thought my headphones had problems 😂
My left ear thanks you
Would be interesting to see woocommerce implementation
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.
It's the backend that's headless, not the fronted 🤷 frontend IS the head.
It can be more secure as wp itself is not exposed directly, if setup correctly.
Wordpress is terrible and should not be used in any project in 2024. Especially if you call yourself "professional" :D
@@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.
@@alyxx997 Please explain why Wordpress should not be used in 2024.
Great vid and even better OSS project!
Super badass, thanks for this
Thanks I managed to make web profiles with CTP and ACF fields :)
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 ?
Perfect combo
Superb and what about deployment vercel or hostinger plan without cloud and vps?
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?
Vesper!
wow thats nice. Thanks for sharing, may I ask what do you think would be the use cases for this?
Do you think it would be possible/sensible to have a similar solution for WooCommerce?
Can you share a link to this WordPress NextJs combo production? To see how it works on real case.
*
its in the description if you still looking
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
Excellent video, what vsc theme do you use?
Vesper!
Thankyou, but I have 1 query:
When I load Headless WordPress posts into my Next.js application, the CSS doesn't apply correctly to the blog post data. Additionally, I need to manage image sizes, as images appear full-screen on the blog detail page in Next.js.
Furthermore, if I need to create a post about an art exhibition and include an image gallery, how can I manage the images to display them as a gallery? How do I ensure the images are styled correctly and displayed in a structured layout?
Will it work with all plugins and woocommerce
FYI all your audio is on the left channel
Thanks for catching. Will reupload
This is amazing ❤❤ just a question, can I do things like importing data from wordpress plugins?
Kind of... depends if they give you the data in the rest api.
awsome
what the hell is this lol. that's baller
Is it possibe to add woommerce to?
Need to work on this
Does it support woo commerce
This is the initial build. You can refine it. Woo has a REST API for this.
Can you make it amp compatible? It might be faster and it works for me. Also thanks for sharing
Even Google drops amp development, it is outdated solution
@@ukaszrozewicz7488 but i need for a while
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?
might have to change the revalidate variable? @12:53
What about SEO? Headers and metatags?
Yes all generated for you using Next.js!
In "post" it only gets 10 posts, is there any way to get them all?
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;
}