Getting Started with Headless WordPress with NEXTJS & WPGRAPHQL
Вставка
- Опубліковано 23 бер 2021
- In this video, we go over how to get up and running with #NextJS in a Headless #WordPress setup.
Code: github.com/alexander-young/wp...
My favorite caching plugin - WPRocket: wpcasts.tv/go/wprocket
💖 Become a Patron to show support & get perks!
/ wpcasts
Sign up for the newsletter. Free course coming soon:
wpcasts.tv
*SOCIAL*
Twitter: / alexanderbyoung
Facebook: / wpcasts.tv - Наука та технологія
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.
Excellent intro into headless WP + Next.js! 💥🙌🏼
The initial energy for the WordPress + Next.js path. Thank you very much.
I've tried about 10 or so Next tutorials and yours was by the easiest for a novice like me to follow. THANK YOU.
This is great. Please, keep bringing videos about more advanced Headless WordPress with NEXTJS & WPGRAPHQL
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.
Yes I’m very interested in this PLEASE keep it coming !!! Yay!!
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
Alot of values in this video, thank you so much 👏
Great tutorial to start headless WP with nextjs. Thank you very much
Great content. Please continue!
thanks for content Alex))
I hope you will continue that series with WordPress headless + Nextjs or Gatsby as frontend, will be Great :)
Great content, man! Keep going
Thank you this was very helpful and easy to follow
Appreciate this setup. Need to practice for a job thank you 🙏 ❤
Thank you. This is really helpful.
Thanks a lot!
Great tutorial thanks for help :)
great vid. subscribed!
Thank u thank u thank u... u are awesome
A few questions / thoughs
1. Whats the advantage to using the Image tag in next when I can just use
Awesome content, thanks sooo much!!!
Will you create a NuxtJS + Headless WP tutorial??
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
¡Thanks!
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?
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?
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 ?
Hello, Is this possible to serve some pages from wordpress using page builder and some pages from next js ?
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.
That was working but with the same code .. I'm getting FetchError: invalid json response body at ,, Is there's something wrong lately?
Guess I'm going to have to learn Next lol
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
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
How can i secure the wordpress endpoint , by htaccess and ip ?
where did you copy those methods body stuff the code you json stringify?
Can you please make a tutorial on how to extend the wordpress metadata api for creating custom tables. Please, as soon as possible...please...
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 ?
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 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?
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: ua-cam.com/video/N5UtB36x_O8/v-deo.html :)
if we are talking blocks: generateblocks + generatepress :)
@@pawelkieryk will check it out
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?
How do we include comments
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 UA-cam. Good luck!
How to make the post url without the parent /posts/ or /category/. ex: localhost:3000/hello-world
how to deploy this on vps server?
We need Headless WordPress with Gridsome
I'm getting undefined in the console please I can't find the solution
Sometimes I also use Hello Mars, Good Bye Mars, instead of Hello World😅