Skip to content
Submitted about 2 months ago

Using includes method in filter to make the search dynamic

next, react, redux, tailwind-css, react-router
Md Irfan Rahman Mubin•210
@Md-Mubin
A solution to the REST Countries API with color theme switcher challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

using redux to make country page dynamic by sending the data.

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

Filtering data of certain area and The border countries area. Had to filter the aria3code with the bounderies array and than get the matched data and than the name.

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

As Next.js does SSR(server side render). Storing datas in localstorage giving error like , "localstorage can not defined". As the lcoalstorage does CSR(client side render). How to manage that?

Code

Please log in to post a comment

Log in

Community feedback

  • Fanuel Amare•200
    @Fanu-Cd

    That's Great Md Irfan!

    Your work is great but regarding the error you are facing, Next.js throws that error because you are trying to use localStorage(which is a property of the CLIENT SIDE 'window' object) in a SERVER component. To solve this, you have to turn the component to a client-side component(using the 'use client' directive).

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