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

Precisamos personalizá-lo
para o seu uso.

Eu criei o 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 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 no "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 Starter",

"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.

Um 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.