Skip to content
Submitted about 3 years ago

REST Countries Using NextJS + Styled-componets + Axios - 3rd Version

axios, next, styled-components, accessibility
Prabhash Ranjan•2,540
@besttlookk
A solution to the REST Countries API with color theme switcher challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi everyone, This is my 3rd version of this challenge. Earlier one i made using (React + Tailwind) & (Vanilla Js + Sass). For this one i went for NextJS + Styled-components as i wannted to learn both. As it is first few project Next and Styled-component, i am facing some issues which i am pointing out:

  1. Just when we load the app for flicker of a second style does not apply. Why is that?[SOLVED]
  2. I want you make my dark mode perisistent, for that i tried to use Local-storage but then it started giving error "Prop className did not match.".

I also want to know whats the best file-structure for styled-component files.

If you get any other bug, do let me know. Feedback is always welcome.

Thanks #happyCoding

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Prabhash Ranjan's solution.

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