Rest Countries

What are you most proud of, and what would you do differently next time?

Implementing Streaming with Suspense in Next JS improves overall user experience when fetching asynchronous data.

What challenges did you encounter, and how did you overcome them?

One of the challenges that I encounter is implementing dark mode toggle in Next JS. It seems straightforward with vanilla JS, It was difficult at first when thinking about how I should implement it on a framework like Next JS, particularly with its server components. However, I found out that I can use browser cookies to track the state of the theme which enables me to implement it easily.

What specific areas of your project would you like help with?

My implementation of dark mode toggle seems to be slow, I don't know if this is the correct way of handling themes with Next.js or I'm doing something wrong. I wanted to keep my components to be server components, even though it would be much easier to do it on client components or with with libraries. I would appreciate any feedback on this implementation.