Skip to content
Submitted 11 months ago

Solution using Next.JS 14 app router

#next#react#tailwind-css
Vivek Alhat•190
@VivekAlhat
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...REST Countries API with color theme switcher
  • HTML
  • CSS
  • JS
  • API
4advanced

Design comparison

SolutionDesign

Solution retrospective

This challenge was extremely fun to code. I built the solution using the Next.JS 14 app router. This was a perfect opportunity to implement my learnings. Key highlights:

  • Used Next.JS app router
  • Used server components and client components
  • Handled navigation using search params
  • Used next-themes for adding dark mode support
  • Added custom pagination

Your feedback is always appreciated!

Community feedback

Please log in to post a comment

Log in with GitHub

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