Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Countries app built with Next

#next#react#sass/scss
Yazdun 1,310

@Yazdun

Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi everyone ! I used Next to complete this challenge. Although I'm not very comfortable with Nextjs, but it's still really jaw dropping how fast Nextjs can be ! I used framer motion for animations, Which is an extremely powerful tool for adding animations to your projects !

As I said, I'm struggling to figure out Nextjs and I'll appreciate if you point out any mistake that I made in this project. I try to solve things in the react way sometimes which causes me to waste the Nextjs powers.

Also I wrote a blog post on adding scroll animations to your react elements with framer motion, It only takes 3 lines of codes to do that which really amazed me !

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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