Submitted 14 days ago

Responsive with Next.js, Tailwind CSS, Shadcn/ui & Tanstack Query

Ahmed Abu Qahf•130

@ahmedsomaa

Preview site View code

This is a solution for...REST Countries API with color theme switcher

HTML
CSS
JS
API

4advanced

Design comparison

SolutionDesign

Solution retrospective

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

Implementing the Light/Dark Theme.
Adding a skeleton for each component.

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

Using RSC with client state values, I wanted to only use RSC but I had to switch the home page to a client component to receive the values of the country name & region.

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

RSC with users' state variables (client-side forms with RSC).

Community feedback

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord