A estrutura padrão do Next.js inclui pastas principais, como pages, styles e public, para ajudar a organizar o projeto.

Nesse código, o Greeting aceita uma prop chamada name. Isso permite reutilizar o componente para exibir uma saudação diferente dependendo do name passado.

Função do Componente: Este é um componente funcional (também conhecido como sem estado) em React, usado para renderizar uma saudação. Uso de Props: Propriedades (ou props) permitem passar informações personalizadas para o componente. Aqui, name é uma prop opcional que, se não for fornecida, terá o valor padrão "Visitante".

A página principal (index.js) utiliza o componente Greeting duas vezes, uma com o nome "Estudante" e outra sem um nome específico, usando o valor padrão.

Esse CSS global estiliza o body para que tenha uma fonte específica e uma cor de fundo para toda a aplicação. Ele também define um estilo padrão para todos os h1 do site.

Este estilo específico define a aparência do componente Greeting, incluindo uma borda e um fundo específico.

Estilo Global: Configura o fundo e a fonte da aplicação inteira, e define um estilo padrão para os h1.

Estilo Modular: Aplica estilos exclusivos ao componente Greeting, usando uma borda azul, cor de fundo e arredondamento.

CÓDIGO DO ESTILO MODULAR: