List Countries Frontendmentor Challenge

List Countries By Yusuf Neeson

Ini adalah frontend yang menampilkan daftar negara negara didunia menggunakan API dari REST Countries.

Project ini saya buat menggunakan Next.js yang memang sangat powerfull untuk static site generation. Untuk styling nya menggunakan CSS Modules.

Saya menggunakan beberapa react hooks seperti useEffect useContext karena kebetulan ini butuh Context API yaitu pada bagian filter (search dan select)

Untuk theme switcher (dark/light mode) saya menggunakan next-themes karena memang sangat mudah penggunaannya dan tidak menyebabkan content flashing.

Content flashing itu ketika misal defaultnya light terus kamu ubah menjadi dark, nah ketika kamu refresh akan terlihat light dulu sebelum berubah ke dark. Itulah yang menjadi masalah, namun dapat diatasi dengan musah menggunakan next-themes