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.