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 NET 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.
Vamos selecionar todos e
deletar.
Vamos deixar o navegador ao lado do código
para visualizar o que vai acontecendo ao limpar a estrutura.
Prontinho!
Apaguei as imagens do Public dentro do src.
Vou apagar esse ícone.
Vou apagar esse global com CSS
e vocês vão perceber que ele já causou alguns erros aqui.
Aqui no layout
vou tirar aqui o import do Global CSS, afinal
acabei de apagar.
Ele volta e olha como vai ficando o nosso projeto.
Bem estranho.
No print diz que a página onde aparece aqui o Get Starter
100 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 dive de abertura e adesivo de 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.
E 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 boi
e no page.
Vamos criar aqui um H1.
E escrever
fiapo.
Observem que já apresentou pior sem a estilização, porque eu removi toda
a estrutura na limpeza e ficou apenas o fiapo limpo aqui na tela.
Uma observação importante é sempre acompanhado com mentação do next,
pois ela possui muitas atualizações.
Agora você está pronto para criar projetos e manipulando páginas
e componentes importantes.