Love the shortness and how you describe it. Would love to see more from you regarding Next JS and Headless, maby even a video about how to deploy to a basic server.
Hey man this was awesome. I bought a course from Udemy to learn headless wp today, which was 5 hours and it was garbage. This was much more useful and knocked out in 30 minutes
Hey ! This is one of my favorite channel’s regarding Wordpress development, but all of your videos are Pretty short and I can’t build real projects from scratch. It would be awesome if you’d create a full course on react & next.js for Wordpress development. I promise to be your first customer for such course.
Great video, I had some issues with an invalid-json error. I used local to deploy a local wordpress site and forked your repo, changed all the URI links to the graphQL to point to my site and I get this Do you know why this would happen? Thanks
Hello, thanks for this video I want to host two websites: 1 - wordpress headless as backend 2- nextjs application as front end what is the best formula to host both
thanks for the tutorial .. what if we have like a inventory page and i wanted to develop filtering and everything and the number of data could be more that 1000 ! how i should handle this ?? should i first get the initial data with getServerSideProps and then handle filtering and everything with useEffect ?
Before I watch the video... is this a full on tutorial? Showing how to capture pages, menu's and how to have a WordPress install on a live server adjacent to the nextjs export? I give you the benefit of the doubt but I saw just too many incomplete tutorials on headless tutorials. I am looking for something production ready.
This is just getting started. Making queries and getting some posts to render. I plan on continuing the series if there is interest from my subscribers :)
@@WPCasts Absolutely please continue the series. There is such a lack of full tutorials. I really like your style and channel. Its a huge untapped place on TH-cam. Good luck!
Hey! Great video thank you! How would you go about this if you want all the site dynamic to the content in WP? What if you had a new blog posts every week or even everyday etc?
hello bro i have question please what can i do to secure this data for example i can access to anyone using this plugin in his wordpress site and i can use his posts for my site how i can tell my wordpress site to dont provide data to anyone expect me only. thank you
Great tutorial ... I would be very interested in how to get dynamic content and how to deploy that. I also see that GraphQL can give you the menu object would you be able to build a "normal" multi page website in this manner?
i get "TypeError: Cannot read property 'node' of null" when i dont set a featured image. any idea how to fix this so it just doesn't display the image instead of giving me that error?
When you start the tutorial, is the next.js setup done in a custom theme folder? I'm new-ish to WP development and brand new to next. It looks like you're creating your nextjs project NOT in a WP theme directory, where are you installing the create-next-app? My first query doesn't find any post object.
I have a Question after creating a static site build in nextjs from the WordPress endpoint. are we going to host the WordPress and Nextjs site on different domains? I am confused about this thing. Please guide.
Yes that's the advantage of going with a headless approach. You can host and secure your wordpress backend on your usual php hosting and publish the front-end on vercel or netlify for example for free. It will make your front-end fastly accessible on their hundreds of CDN locations around the world.
I really do appreciate your efforts but dude I feel you're memorizing stuff or copying and pasting with skipping a lot of information and explanations, but I learned some new stuff from this video, thank you.
I hope you learned something! Let me know if you’d like me to continue going over NextJS and WordPress together!
I would be very interested in watching those videos as well.
Yes please
great! more!!
Yes please keep on going over NextJS and Wordpress. Quality content :) 👍
Yes, this is great!
yes please, dynamic content and comment feature
Yep!!
Yes, definitely more, please!
Love the shortness and how you describe it. Would love to see more from you regarding Next JS and Headless, maby even a video about how to deploy to a basic server.
I've tried about 10 or so Next tutorials and yours was by the easiest for a novice like me to follow. THANK YOU.
If you find time to make another video about Wordpress & Next, I promise I'll take the time to watch it :-)
Great content! Thanks!
Hey man this was awesome. I bought a course from Udemy to learn headless wp today, which was 5 hours and it was garbage. This was much more useful and knocked out in 30 minutes
Excellent intro into headless WP + Next.js! 💥🙌🏼
The initial energy for the WordPress + Next.js path. Thank you very much.
Hey ! This is one of my favorite channel’s regarding Wordpress development, but all of your videos are Pretty short and I can’t build real projects from scratch.
It would be awesome if you’d create a full course on react & next.js for Wordpress development. I promise to be your first customer for such course.
This is great. Please, keep bringing videos about more advanced Headless WordPress with NEXTJS & WPGRAPHQL
Great tutorial to start headless WP with nextjs. Thank you very much
thanks for content Alex))
I hope you will continue that series with WordPress headless + Nextjs or Gatsby as frontend, will be Great :)
Yes I’m very interested in this PLEASE keep it coming !!! Yay!!
Appreciate this setup. Need to practice for a job thank you 🙏 ❤
A few questions / thoughs
1. Whats the advantage to using the Image tag in next when I can just use
Alot of values in this video, thank you so much 👏
Great content. Please continue!
Great video, I had some issues with an invalid-json error. I used local to deploy a local wordpress site and forked your repo, changed all the URI links to the graphQL to point to my site and I get this Do you know why this would happen? Thanks
Awesome content, thanks sooo much!!!
Will you create a NuxtJS + Headless WP tutorial??
Hello, thanks for this video
I want to host two websites:
1 - wordpress headless as backend
2- nextjs application as front end
what is the best formula to host both
thanks for the tutorial ..
what if we have like a inventory page and i wanted to develop filtering and everything and the number of data could be more that 1000 ! how i should handle this ?? should i first get the initial data with getServerSideProps and then handle filtering and everything with useEffect ?
Can you please make a tutorial on how to extend the wordpress metadata api for creating custom tables. Please, as soon as possible...please...
Hello, Is this possible to serve some pages from wordpress using page builder and some pages from next js ?
That was working but with the same code .. I'm getting FetchError: invalid json response body at ,, Is there's something wrong lately?
Before I watch the video... is this a full on tutorial? Showing how to capture pages, menu's and how to have a WordPress install on a live server adjacent to the nextjs export?
I give you the benefit of the doubt but I saw just too many incomplete tutorials on headless tutorials. I am looking for something production ready.
This is just getting started. Making queries and getting some posts to render. I plan on continuing the series if there is interest from my subscribers :)
@@WPCasts please continue doing this series
@@WPCasts Absolutely please continue the series. There is such a lack of full tutorials. I really like your style and channel. Its a huge untapped place on TH-cam. Good luck!
Hey! Great video thank you!
How would you go about this if you want all the site dynamic to the content in WP? What if you had a new blog posts every week or even everyday etc?
Thank you this was very helpful and easy to follow
Great content, man! Keep going
How can we use some WordPress Plugins in this way? The only way is through API? if it does not support any API, what should we do?
How can i secure the wordpress endpoint , by htaccess and ip ?
hello bro
i have question please
what can i do to secure this data
for example i can access to anyone using this plugin in his wordpress site and i can use his posts for my site
how i can tell my wordpress site to dont provide data to anyone expect me only.
thank you
Gutenberg blocks and elementor integration with Next.js would be amazing 🙂
I don't think that's even possible right now
@@vikashdenzil well actually here is proof of concept and it works fine: th-cam.com/video/N5UtB36x_O8/w-d-xo.html :)
if we are talking blocks: generateblocks + generatepress :)
@@pawelkieryk will check it out
Great tutorial ... I would be very interested in how to get dynamic content and how to deploy that.
I also see that GraphQL can give you the menu object would you be able to build a "normal" multi page website in this manner?
where did you copy those methods body stuff the code you json stringify?
How do we include comments
Thank you. This is really helpful.
i get "TypeError: Cannot read property 'node' of null" when i dont set a featured image. any idea how to fix this so it just doesn't display the image instead of giving me that error?
How to remove extensions from a Graphql query, as thats not needed ?
great vid. subscribed!
When you start the tutorial, is the next.js setup done in a custom theme folder? I'm new-ish to WP development and brand new to next. It looks like you're creating your nextjs project NOT in a WP theme directory, where are you installing the create-next-app? My first query doesn't find any post object.
Correct, it's in a custom folder...it's NOT located in the same folder as WP.
@@WPCasts where should I create this folder so it can connect to the WP site?
I have a Question after creating a static site build in nextjs from the WordPress endpoint. are we going to host the WordPress and Nextjs site on different domains? I am confused about this thing. Please guide.
Yes that's the advantage of going with a headless approach. You can host and secure your wordpress backend on your usual php hosting and publish the front-end on vercel or netlify for example for free. It will make your front-end fastly accessible on their hundreds of CDN locations around the world.
How to make the post url without the parent /posts/ or /category/. ex: localhost:3000/hello-world
I really do appreciate your efforts but dude I feel you're memorizing stuff or copying and pasting with skipping a lot of information and explanations, but I learned some new stuff from this video, thank you.
Guess I'm going to have to learn Next lol
I'm getting undefined in the console please I can't find the solution
how to deploy this on vps server?
Thanks a lot!
Great tutorial thanks for help :)
Thank u thank u thank u... u are awesome
We need Headless WordPress with Gridsome
¡Thanks!
Sometimes I also use Hello Mars, Good Bye Mars, instead of Hello World😅