IP Address tracker NextJS Redux-Toolkit

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

I have to use dynamic imports to load the map component only when the user clicks the search button. This way, I can reduce the initial load time of the page.

import dynamic from 'next/dynamic';

const MapaComponent = dynamic(() => import('./_components/Mapa'), { ssr: false });

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

I encrypted the API_KEY using .env.local from NextJS

• Declare enviroment variables - This helped me to declare environment variables in Next.js.
• Creating de .env.local file - This helped me to create the .env.local file to store the environment variables.