Submitted 5 months ago

Responsive Rest Countries with NextJS 14 server side rendering, shadcn

Kenny Ng• 400

@kennylun123

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

REST Countries API with color theme switcher

HTML
CSS
JS
API

4advanced

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

Utilised seachParams, useParamsin NextJS server component. Get and set data via URL.
Added skeleton for loading state.
Used shadcn for the UI, they provide customisable, accessible components that we can copy & paste.

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