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.