Getting Started with Headless WordPress with NEXTJS & WPGRAPHQL

In this video, we go over how to get up and running with #NextJS in a Headless #WordPress setup.

💖 Become a Patron to show support & get perks!

Sign up for the newsletter. Free course coming soon:

**SOCIAL**

[WPCasts]

I hope you learned something! Let me know if you’d like me to continue going over NextJS and WordPress together!

[haffystube]

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.

[abdulrafay]

yes please, dynamic content and comment feature

[JoshuaJarvis]

I've tried about 10 or so Next tutorials and yours was by the easiest for a novice like me to follow. THANK YOU.

[korbel]

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

[kellenmace]

Excellent intro into headless WP + Next.js! 💥🙌🏼

[ivanbarta]

If you find time to make another video about Wordpress & Next, I promise I'll take the time to watch it :-)
Great content! Thanks!

[itai]

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.

[chandikalakshan]

The initial energy for the WordPress + Next.js path. Thank you very much.

[martinkilarski]

This is great. Please, keep bringing videos about more advanced Headless WordPress with NEXTJS & WPGRAPHQL

[Allformyequine]

Yes I’m very interested in this PLEASE keep it coming !!! Yay!!

[klikboost]

Great tutorial to start headless WP with nextjs. Thank you very much

[ahmedsamir-ms]

That was working but with the same code .. I'm getting FetchError: invalid json response body at, , Is there's something wrong lately?

[TheEtsgp]

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

[TaderSalahEddine]

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

[abenjamin]

Appreciate this setup. Need to practice for a job thank you 🙏 ❤

[LearnwithKamrulHasan]

Hello, Is this possible to serve some pages from wordpress using page builder and some pages from next js ?

[shadyqaddoura]

Alot of values in this video, thank you so much 👏

[kyleHunter]

A few questions / thoughs

1. Whats the advantage to using the Image tag in next when I can just use <img
2. Would have been nice to show what happens when an image isn't present as it blows up ( so showing some if else statement for if / doesn't exist )
3. I assume once you go to a live production you have to change all the .local URLS is there a way to create a single variable to update all at once?
4. You're using a separate UL for each post on the li when it should be single lis inside of a ul.

Also where are you just copy pasting from as I want to understand the code not just make it work.

Thanks for the video it was overall a really good insight.

[amirmasoodjafari]

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 ?