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.