Quando criamos um projeto Next,
ele já vem com o modelo padrão.

Precisamos personalizá-lo
para o seu uso.

Eu criei um projeto em Next,
agora vou executá-lo

e, em seguida,
vamos limpar a estrutura.

Essa é estrutura que eu criei em Next,

vou executá-la com o seguinte 
comando: "npm run dev".

Ele vai buildar,
vai gerar aqui dois links.

O primeiro é local, 
roda na sua máquina,

no seu navegador.

E o segundo,

caso você esteja trabalhando em rede,
ele executa pela rede.

Vamos usar o primeiro.

E esse é um projeto Next rodando.

Observem que ele já vem estilizado,
personalizado,

um padrão.

Precisamos limpar toda essa estrutura
para começarmos o nosso projeto.

Vou minimizar e começar a limpeza.

Primeiro, vou limpar aqui
os arquivos de imagem.

Vou selecionar todos e deletar.

Vamos deixar o navegador
ao lado do código

para visualizar o que vai acontecendo
ao limpar a estrutura.

Pronto.

Apaguei as imagens do "public",

dentro do "src" vou apagar esse ícone.

Vou apagar esse "global.css"

e vocês vão perceber que ele
já causou alguns erros aqui.

Aqui em "layout", 
vou tirar o "import" do "globals.css",

afinal, acabei de apagar.

Ele volta e olha como vai ficando
o nosso projeto.

Bem estranho.

No "page",

que é a página onde aparece aqui 
o "Get started", "save",

nós vamos limpar
da seguinte maneira.

Eu vou apagar tudo
o que está dentro dessa "div".

Vou apagar essa estilização,

deixando apenas a "div" de abertura
e a "div" fechamento.

Vou apagar aqui em cima o "import"

e o seu projeto
está totalmente vazio na page.

Continuando.

No layout eu também posso apagar
os tipos de fonte.

Em título,
dou o nome do projeto.

Observem que ao apagar a fonte,
ele acusou um erro,

porque eu estou chamando as fontes
que eu apaguei aqui.

Então você remove também as fontes
que você utilizou,

deixando somente essa classe.

Apaga o "import"
e o projeto continua vazio.

Restou apenas uma classe
a ser removida

e em seguida eu vou criar
uma manipulação no arquivo page.

Apagando a classe do "body"
e no page vamos criar aqui um "h1"

e escrever "Fiap".

Observem que já apresentou "Fiap"
sem a estilização,

porque eu removi
toda a estrutura na limpeza

e ficou apenas o "Fiap" limpo aqui na tela.

Uma observação importante
é sempre acompanhar

a documentação do next,
pois ela possui muitas atualizações.

Agora você está pronto
para criar projetos em next

manipulando páginas
e componentes importantes.