This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Erros encontados:

1 - JSX element class does not support attributes because it does not have a 'props' property.

• O erro que você está enfrentando com o componente Image do Next.js ocorre porque o componente Image espera que as props, como src, width, height, e outras, sejam passadas diretamente para ele. Em componentes de classe, você pode usar this.props para acessar as props, mas em componentes funcionais, você deve recebê-las como argumentos da função.
• Nesse caso era só relizar o import que identificava as props como argumentos.

Criando efeito de legand no geolocation itens

Referencias utilizadas:

• https://undraw.co/illustrations
• https://icons8.com/