WEBVTT

00:00:07.780 --> 00:00:11.111
Quando criamos o projeto next,
ele já vem com o modelo padrão.

00:00:11.111 --> 00:00:13.420
Precisamos personalizá-lo
para o seu uso.

00:00:13.420 --> 00:00:17.011
Eu criei o projeto em next
agora vou executá-lo

00:00:17.011 --> 00:00:19.520
e em seguida,
vamos limpar a estrutura

00:00:19.520 --> 00:00:24.657
estrutura que eu criei e vou
executá lo com o seguinte comando

00:00:25.358 --> 00:00:28.328
npm run dev.

00:00:29.129 --> 00:00:32.132
Ele vai buildar vai gerar aqui dois links.

00:00:32.132 --> 00:00:36.269
O primeiro local roda na sua máquina,
no seu navegador e o segundo

00:00:36.870 --> 00:00:40.006
caso esteja trabalhando em rede,
ele executa pela rede.

00:00:40.473 --> 00:00:43.476
Vamos usar o primeiro.

00:00:44.244 --> 00:00:47.247
E esse é um projeto NET rodando.

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

00:00:50.717 --> 00:00:53.019
personalizado, um padrão.

00:00:53.019 --> 00:00:56.856
Precisamos limpar toda essa estrutura
para começarmos o nosso projeto.

00:00:57.690 --> 00:01:00.693
Vou minimizar e começar a limpeza.

00:01:00.960 --> 00:01:04.697
Primeiro vou limpar aqui
os arquivos de imagem.

00:01:05.532 --> 00:01:06.766
Vamos selecionar todos e

00:01:07.901 --> 00:01:09.168
deletar.

00:01:09.168 --> 00:01:11.404
Vamos deixar o navegador ao lado do código

00:01:11.404 --> 00:01:14.407
para visualizar o que vai acontecendo
ao limpar a estrutura.

00:01:14.707 --> 00:01:15.541
Prontinho!

00:01:15.541 --> 00:01:18.544
Apaguei as imagens do Public
dentro do src.

00:01:18.645 --> 00:01:21.514
Vou apagar esse ícone.

00:01:21.514 --> 00:01:24.517
Vou apagar esse global com CSS

00:01:24.651 --> 00:01:28.154
e vocês vão perceber que ele já causou
alguns erros aqui.

00:01:29.822 --> 00:01:31.724
Aqui no layout

00:01:31.724 --> 00:01:35.495
vou tirar aqui o import do Global CSS,
afinal

00:01:35.495 --> 00:01:38.498
acabei de apagar.

00:01:39.432 --> 00:01:42.435
Ele volta
e olha como vai ficando o nosso projeto.

00:01:42.535 --> 00:01:45.071
Bem estranho.

00:01:45.071 --> 00:01:48.074
No print diz que a página
onde aparece aqui o Get Starter

00:01:48.541 --> 00:01:51.744
100 nós vamos limpar da seguinte maneira
Eu vou apagar

00:01:52.679 --> 00:01:55.682
tudo o que está dentro dessa div.

00:01:59.385 --> 00:02:02.388
Vou apagar essa estilização

00:02:02.722 --> 00:02:06.559
deixando apenas a dive de abertura
e adesivo de fechamento.

00:02:07.293 --> 00:02:10.296
Vou apagar aqui em cima o import e

00:02:11.397 --> 00:02:16.369
o seu projeto
está totalmente vazio na page.

00:02:17.236 --> 00:02:18.037
Continuando.

00:02:20.740 --> 00:02:21.941
No layout

00:02:21.941 --> 00:02:25.311
eu também posso apagar os tipos de fonte.

00:02:30.116 --> 00:02:32.018
E título

00:02:32.018 --> 00:02:33.886
dou o nome do projeto.

00:02:33.886 --> 00:02:37.190
Observem que ao apagar a fonte,
ele acusou um erro

00:02:38.291 --> 00:02:41.294
porque eu estou chamando as fontes
que eu apaguei aqui.

00:02:41.627 --> 00:02:44.630
Então você remove

00:02:45.398 --> 00:02:47.800
também as fontes

00:02:47.800 --> 00:02:50.203
que você utilizou,

00:02:50.203 --> 00:02:53.206
deixando somente essa classe.

00:02:53.339 --> 00:02:56.342
Apaga o import.

00:02:57.577 --> 00:03:00.313
E o projeto continua vazio.

00:03:00.313 --> 00:03:03.816
Restou apenas uma classe a ser removida
e em seguida

00:03:04.150 --> 00:03:07.153
eu vou criar uma manipulação
no arquivo page,

00:03:07.587 --> 00:03:10.590
apagando a classe do boi

00:03:11.657 --> 00:03:14.660
e no page.

00:03:14.961 --> 00:03:17.964
Vamos criar aqui um H1.

00:03:18.564 --> 00:03:20.533
E escrever

00:03:20.533 --> 00:03:21.100
fiapo.

00:03:21.100 --> 00:03:26.105
Observem que já apresentou pior
sem a estilização, porque eu removi toda

00:03:26.605 --> 00:03:32.211
a estrutura na limpeza
e ficou apenas o fiapo limpo aqui na tela.

00:03:32.545 --> 00:03:35.915
Uma observação importante
é sempre acompanhado com mentação do next,

00:03:36.415 --> 00:03:38.084
pois ela possui muitas atualizações.

00:03:38.084 --> 00:03:41.754
Agora você está pronto para criar projetos
e manipulando páginas

00:03:41.754 --> 00:03:42.822
e componentes importantes.