0:00:07.780,0:00:11.111
Quando criamos o projeto next,[br]ele já vem com o modelo padrão.

0:00:11.111,0:00:13.420
Precisamos personalizá-lo[br]para o seu uso.

0:00:13.420,0:00:17.011
Eu criei o projeto em next[br]agora vou executá-lo

0:00:17.011,0:00:19.520
e em seguida,[br]vamos limpar a estrutura.

0:00:19.520,0:00:22.257
Essa estrutura que eu criei em next

0:00:22.257,0:00:29.019
vou executá-la com o seguinte[br]comando: "npm run dev".

0:00:29.019,0:00:32.132
Ele vai buildar,[br]vai gerar aqui dois links.

0:00:32.132,0:00:34.920
O primeiro é local roda[br]na sua máquina,

0:00:34.920,0:00:36.870
no seu navegador[br]e o segundo,

0:00:36.870,0:00:40.473
caso esteja trabalhando em rede,[br]ele executa pela rede.

0:00:40.473,0:00:44.184
Vamos usar o primeiro.

0:00:44.184,0:00:47.380
E esse é um projeto next rodando.

0:00:47.380,0:00:50.383
Observem que ele já vem estilizado,

0:00:50.717,0:00:53.019
personalizado, um padrão.

0:00:53.019,0:00:56.856
Precisamos limpar toda essa estrutura[br]para começarmos o nosso projeto.

0:00:57.690,0:01:00.693
Vou minimizar e começar a limpeza.

0:01:00.960,0:01:04.697
Primeiro vou limpar aqui[br]os arquivos de imagem.

0:01:05.532,0:01:06.766
Vamos selecionar todos e

0:01:07.901,0:01:09.168
deletar.

0:01:09.168,0:01:11.404
Vamos deixar o navegador ao lado do código

0:01:11.404,0:01:14.407
para visualizar o que vai acontecendo[br]ao limpar a estrutura.

0:01:14.707,0:01:15.541
Prontinho!

0:01:15.541,0:01:18.544
Apaguei as imagens do Public[br]dentro do src.

0:01:18.645,0:01:21.514
Vou apagar esse ícone.

0:01:21.514,0:01:24.517
Vou apagar esse global com CSS

0:01:24.651,0:01:28.154
e vocês vão perceber que ele já causou[br]alguns erros aqui.

0:01:29.822,0:01:31.724
Aqui no layout

0:01:31.724,0:01:35.495
vou tirar aqui o import do Global CSS,[br]afinal

0:01:35.495,0:01:38.498
acabei de apagar.

0:01:39.432,0:01:42.435
Ele volta[br]e olha como vai ficando o nosso projeto.

0:01:42.535,0:01:45.071
Bem estranho.

0:01:45.071,0:01:48.074
No print diz que a página[br]onde aparece aqui o Get Starter

0:01:48.541,0:01:51.744
100 nós vamos limpar da seguinte maneira[br]Eu vou apagar

0:01:52.679,0:01:55.682
tudo o que está dentro dessa div.

0:01:59.385,0:02:02.388
Vou apagar essa estilização

0:02:02.722,0:02:06.559
deixando apenas a dive de abertura[br]e adesivo de fechamento.

0:02:07.293,0:02:10.296
Vou apagar aqui em cima o import e

0:02:11.397,0:02:16.369
o seu projeto[br]está totalmente vazio na page.

0:02:17.236,0:02:18.037
Continuando.

0:02:20.740,0:02:21.941
No layout

0:02:21.941,0:02:25.311
eu também posso apagar os tipos de fonte.

0:02:30.116,0:02:32.018
E título

0:02:32.018,0:02:33.886
dou o nome do projeto.

0:02:33.886,0:02:37.190
Observem que ao apagar a fonte,[br]ele acusou um erro

0:02:38.291,0:02:41.294
porque eu estou chamando as fontes[br]que eu apaguei aqui.

0:02:41.627,0:02:44.630
Então você remove

0:02:45.398,0:02:47.800
também as fontes

0:02:47.800,0:02:50.203
que você utilizou,

0:02:50.203,0:02:53.206
deixando somente essa classe.

0:02:53.339,0:02:56.342
Apaga o import.

0:02:57.577,0:03:00.313
E o projeto continua vazio.

0:03:00.313,0:03:03.816
Restou apenas uma classe a ser removida[br]e em seguida

0:03:04.150,0:03:07.153
eu vou criar uma manipulação[br]no arquivo page,

0:03:07.587,0:03:10.590
apagando a classe do boi

0:03:11.657,0:03:14.660
e no page.

0:03:14.961,0:03:17.964
Vamos criar aqui um H1.

0:03:18.564,0:03:20.533
E escrever

0:03:20.533,0:03:21.100
fiapo.

0:03:21.100,0:03:26.105
Observem que já apresentou pior[br]sem a estilização, porque eu removi toda

0:03:26.605,0:03:32.211
a estrutura na limpeza[br]e ficou apenas o fiapo limpo aqui na tela.

0:03:32.545,0:03:35.915
Uma observação importante[br]é sempre acompanhado com mentação do next,

0:03:36.415,0:03:38.084
pois ela possui muitas atualizações.

0:03:38.084,0:03:41.754
Agora você está pronto para criar projetos[br]e manipulando páginas

0:03:41.754,0:03:42.822
e componentes importantes.