Next.js 13 Context API Tutorial

Other videos:

#nextjs #next #nextjstutorial #context #reactjs

[aarongarcia]

Just what I needed, thank you! I was bummed when the next/beta docs were lacking under the context section, but this fulfilled it perfectly! I also love how you got right into the material. Excellent video!

[codewithguillaume]

My friend! I was just looking for a good way of using context with next 13! Thanks my friend

[koozkotopia]

Thank you so much for this video, I spent a whole day to figure out how to wrap the AuthProvider around the children in Layout.tsx and ran into all kinds of errors. This video is the only one I found that shows what to do when there is no <App>

[sahasrabhujaneuron]

Awesome! This is what I'm looking for. Many thanks!

[SheisaCreative]

Thank you! Exactly what I was looking for. 😊

[sumitsaha]

This is the best video for context api in nextjs.

[johnnydoe]

In this case all your application will work client side, a server component inside a client component will also become client and since root layout page is loaded on every page all your components will be client side, you lose therefore the main interest of next, and moreover it can pose some problems of scalability, because you no longer have access to the next's functions which run on the server side

[gorkxs]

You are life saver. Thank you so much for sharing this.

[z_]

Thank you so much!
How did you end up with this logic? Could not find this in the doc

[techug]

Im on next 14....this is still useful🤝 thank you kind sir!

[rajatmasih]

Amazing tutorial bro i was trying to learning Context api from many days but not able to understand.

After watching your video Now i understand how it works.

Thanks man!😄

[merakli]

what is the advantage of nextjs over reactjs if we have to use "use client" directive to convert a server component into a client one? What am I missing here? Thanks

[MudassirKhan-sxjy]

if every other component is render under a client component GlobalThemeProvide then what is purpose of using nextjs?

[MaximM]

there is an issue with context, if you need to support few languages and when you switching locales (using middleware) for example: from /en/home to /de/home, all context will be lost

[omardavila]

Is it going to be the same in Next.js 14?

[heyneisha]

Thanks for creating this video! However I am having trouble adding the Global Context Provider to layout.js. I am getting the following error: error - SyntaxError: Unexpected token u in JSON at position 0
at JSON.parse (<anonymous>). I am not having much luck online, and was wondering if you have come across this error. The provider is already written in an arrow function which is the suggested workaround, but that doesn't appear to be working.

[ThiagoLucioBittencourt]

One question. It's OK turn "use client" the root "page.tsx" or not problem? Thanks to share this buddy.

It works but does not it go against all the server-side Next JS' purpose?

[edudeveloper]

this context not work in mobile devices?

[Juan.amaral_]

I can't build the project with the error in "children".... how do I build it?