Context with Next.js 14 — Course part 18

Thanks for watching! Please subscribe ❤️

Guillaume

👇

Read my adventures

Join my Discord

Book a coaching

Looking for a repository?

Visit my website

Install my package UserItem

💥 TOP VIDEOS

Learn Nuxt

Learn Nextjs

Learn Supabase

⚙️

• Theme that I use: VSCode Dark
• Snippets: my own, coming soon :)

Thank you :)

Guillaume

[djribs]

I've watched or read a BILLION tutorials on Context API in React and this is the only one that made enough sense to get it working and more importantly to understand it, while converting it to my use case! You're a champion!

[DhaouJawhar]

just what I needed, thank you so much!! ♥

[ryumarukurozaki]

You're the best! this helped me for my personal project! keep making videos!

[memoryclips.moment]

I relly like the way he teach it can't be easier than this tnx 👍

[sergio-pbhf]

just what I needed, thank you so much!!

[ajaljose]

At last something that worked for me. thank you :)

[jordanboutrois]

Hi, I'm asking a question, you're declaring your context provider near to the root of application, so Is each children which passed into Provider are client components? and therefore Doesn't this prevent us from taking advantage of the server components? (Thanks for the video, great job)

[ivannavas]

Thanks so much, just the video i needed 👏

[Dana-Baiardi]

you did it so easy!!! :) loved it! It worked fabulous!!

[zhongyou]

Your tutorial is very easy to understand. I've read many other articles and couldn't understand. thanks a lot.

[Romanticlovekdrama]

After exploring 2 days finally i implement my useContext by referencing your video thanks 😊

[felipeconceicao]

Amazing video, thank you so much. Best wishes from Brazil

[mohamedtsx]

Your explanation is great! You start with a single piece, and if it's okay, let's see another one. Thanks a lot!

[LorenzoSemorile]

Great video. Thanks so much. When i try to use the contextProvider in a server component, my app goes in a infinite loop. Any suggest?

[Ziad-Al]

great explanation, thank you, how about if we want to use the name and useName inside a page which is server component or simply not declared as "use client"?

[Juajuaa]

Correct me if I'm wrong (I'm learning server side components). If you 'use client' on root layout, then your whole application will be client side only and you won't be able to use any server side components or rendering, right?

[techug]

So, my question is on the metadata, i export my metadata from the root layout.tsx, making the root layout client doesn't allow me to export this metadata, how would you go about this?

[iephjsk]

What is I want to set metadata in layout file? If I put "use client" it is not gonna work

[kmplus]

I am a new subscriber.
Thank you very much for the content

[tekskilldev]

Beautifully explained. However, I have done the same i.e. providing context to all components(sharing provider) by following next ui method. That method is install nextui and create a provider.js file within the app folder. This provider works as wrapper which is then imported in the layout.js file wrapping all components in the layout including navbar you create within the layout file. I think this eliminates the need of src folder and need to use useContext function and all other context creation. See if you agree?