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