Build a NextJs headless website with Umbraco and Content Delivery API

► RELATED RESOURCES
Blog: bit.ly/3O2GnW4
Starter Kit: bit.ly/44LVcTU
► SUBSCRIBE 🔥🔥🔥
RUclips: bit.ly/3lSyKEK
My FREE Sunday Newsletter: bit.ly/3HKOzaJ
► MY BOOKS 📚📚📚
Contentful CMS The Missing Manual: bit.ly/3FOCvFU
Umbraco Mastery: bit.ly/3GDthc8
Episerver Missing Manual: bit.ly/3vJoG5N
► BE MY FRIEND 💛💛💛
www.jondjones.com
github.com/jon...
Also, remember to hit the like button ✅

[@yomnafouad7093]

Hi Jon , thank you so much for all tutorial video , its well explained and eye opener for me as beginner umbraco , just wander if you can do a blog post or a video about render Blocklist in nextjs app , as we think to go headless and what to give authors the way to add comp to Home page and rendered dynamically in nextjs

[@PartyLinguist]

Can I just ask what, if anything, would change if this video was based on using Umbraco V14 instead?

[@juliataylor2550]

have you tried this with umbraco block grid?

[@tomaspateckis2491]

Thanks for video, looking forword for the next one, hope there will be solution how to render block list with next.js 😊

[@jondjones]

Not ATM, its all custom implement client-side. This is where the official Umbraco frontend SDKs are needed to wrap all the different properties for us

[@user-cl8ll7xf6u]

Another great video Jon. How do we handle a login/registration page , and utilise Umbraco content permissions in a headless world ?

[@jondjones]

probably will do a video on this wih the next Umbraco release

[@purplestars8159]

Hi Jon, thanks for sharing, i am getting this error CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

[@jondjones]

You need to set a CORS policy in Program.cs

[@GrafITuk]

Would be great to see angular with headless umbraco

[@jondjones]

im not really a big angular fan but the Javascript helper to call the API would b the same

[@mikedove7388]

Hi, thank you for a great tutorial. I was wondering though why all the next.js code is missing form your linked repo? any chance you could add it?

[@jondjones]

will add it in, didnt realise it was missing, thanks!

[@jondjones]

should be fixed, mnoved folder its in HeadlessWebsite fodler if you pull latestrchanges

[@JonasCoding2711]

Hej Jon, can you please allow access to the nextjs repo?
Thanks for a great tut.

[@jondjones]

github.com/jondjones/Jondjones.Umbraco.12.HeadlessDemo

[@RahulSankar-f5o]

Hi Jon. Can you make videos on commerce tools and cyber source integration?

[@jondjones]

I wouldn't mind doing a series on commerce tools but they do not give away free accounts 😞

[@pawansingh-wb8gt]

​@@jondjones: can you please make a video series on episerver commerce from starter to intermediate level ?