[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:07.78,0:00:11.11,Default,,0000,0000,0000,,Quando criamos o projeto next,\Nele já vem com o modelo padrão.
Dialogue: 0,0:00:11.11,0:00:13.42,Default,,0000,0000,0000,,Precisamos personalizá-lo\Npara o seu uso.
Dialogue: 0,0:00:13.42,0:00:17.01,Default,,0000,0000,0000,,Eu criei o projeto em next\Nagora vou executá-lo
Dialogue: 0,0:00:17.01,0:00:19.52,Default,,0000,0000,0000,,e em seguida,\Nvamos limpar a estrutura.
Dialogue: 0,0:00:19.52,0:00:22.26,Default,,0000,0000,0000,,Essa estrutura que eu criei em next
Dialogue: 0,0:00:22.26,0:00:29.02,Default,,0000,0000,0000,,vou executá-la com o seguinte\Ncomando: "npm run dev".
Dialogue: 0,0:00:29.02,0:00:32.13,Default,,0000,0000,0000,,Ele vai buildar,\Nvai gerar aqui dois links.
Dialogue: 0,0:00:32.13,0:00:34.92,Default,,0000,0000,0000,,O primeiro é local roda\Nna sua máquina,
Dialogue: 0,0:00:34.92,0:00:36.87,Default,,0000,0000,0000,,no seu navegador\Ne o segundo,
Dialogue: 0,0:00:36.87,0:00:40.47,Default,,0000,0000,0000,,caso esteja trabalhando em rede,\Nele executa pela rede.
Dialogue: 0,0:00:40.47,0:00:43.48,Default,,0000,0000,0000,,Vamos usar o primeiro.
Dialogue: 0,0:00:44.24,0:00:47.25,Default,,0000,0000,0000,,E esse é um projeto NET rodando.
Dialogue: 0,0:00:47.38,0:00:50.38,Default,,0000,0000,0000,,Observem que ele já vem estilizado,
Dialogue: 0,0:00:50.72,0:00:53.02,Default,,0000,0000,0000,,personalizado, um padrão.
Dialogue: 0,0:00:53.02,0:00:56.86,Default,,0000,0000,0000,,Precisamos limpar toda essa estrutura\Npara começarmos o nosso projeto.
Dialogue: 0,0:00:57.69,0:01:00.69,Default,,0000,0000,0000,,Vou minimizar e começar a limpeza.
Dialogue: 0,0:01:00.96,0:01:04.70,Default,,0000,0000,0000,,Primeiro vou limpar aqui\Nos arquivos de imagem.
Dialogue: 0,0:01:05.53,0:01:06.77,Default,,0000,0000,0000,,Vamos selecionar todos e
Dialogue: 0,0:01:07.90,0:01:09.17,Default,,0000,0000,0000,,deletar.
Dialogue: 0,0:01:09.17,0:01:11.40,Default,,0000,0000,0000,,Vamos deixar o navegador ao lado do código
Dialogue: 0,0:01:11.40,0:01:14.41,Default,,0000,0000,0000,,para visualizar o que vai acontecendo\Nao limpar a estrutura.
Dialogue: 0,0:01:14.71,0:01:15.54,Default,,0000,0000,0000,,Prontinho!
Dialogue: 0,0:01:15.54,0:01:18.54,Default,,0000,0000,0000,,Apaguei as imagens do Public\Ndentro do src.
Dialogue: 0,0:01:18.64,0:01:21.51,Default,,0000,0000,0000,,Vou apagar esse ícone.
Dialogue: 0,0:01:21.51,0:01:24.52,Default,,0000,0000,0000,,Vou apagar esse global com CSS
Dialogue: 0,0:01:24.65,0:01:28.15,Default,,0000,0000,0000,,e vocês vão perceber que ele já causou\Nalguns erros aqui.
Dialogue: 0,0:01:29.82,0:01:31.72,Default,,0000,0000,0000,,Aqui no layout
Dialogue: 0,0:01:31.72,0:01:35.50,Default,,0000,0000,0000,,vou tirar aqui o import do Global CSS,\Nafinal
Dialogue: 0,0:01:35.50,0:01:38.50,Default,,0000,0000,0000,,acabei de apagar.
Dialogue: 0,0:01:39.43,0:01:42.44,Default,,0000,0000,0000,,Ele volta\Ne olha como vai ficando o nosso projeto.
Dialogue: 0,0:01:42.54,0:01:45.07,Default,,0000,0000,0000,,Bem estranho.
Dialogue: 0,0:01:45.07,0:01:48.07,Default,,0000,0000,0000,,No print diz que a página\Nonde aparece aqui o Get Starter
Dialogue: 0,0:01:48.54,0:01:51.74,Default,,0000,0000,0000,,100 nós vamos limpar da seguinte maneira\NEu vou apagar
Dialogue: 0,0:01:52.68,0:01:55.68,Default,,0000,0000,0000,,tudo o que está dentro dessa div.
Dialogue: 0,0:01:59.38,0:02:02.39,Default,,0000,0000,0000,,Vou apagar essa estilização
Dialogue: 0,0:02:02.72,0:02:06.56,Default,,0000,0000,0000,,deixando apenas a dive de abertura\Ne adesivo de fechamento.
Dialogue: 0,0:02:07.29,0:02:10.30,Default,,0000,0000,0000,,Vou apagar aqui em cima o import e
Dialogue: 0,0:02:11.40,0:02:16.37,Default,,0000,0000,0000,,o seu projeto\Nestá totalmente vazio na page.
Dialogue: 0,0:02:17.24,0:02:18.04,Default,,0000,0000,0000,,Continuando.
Dialogue: 0,0:02:20.74,0:02:21.94,Default,,0000,0000,0000,,No layout
Dialogue: 0,0:02:21.94,0:02:25.31,Default,,0000,0000,0000,,eu também posso apagar os tipos de fonte.
Dialogue: 0,0:02:30.12,0:02:32.02,Default,,0000,0000,0000,,E título
Dialogue: 0,0:02:32.02,0:02:33.89,Default,,0000,0000,0000,,dou o nome do projeto.
Dialogue: 0,0:02:33.89,0:02:37.19,Default,,0000,0000,0000,,Observem que ao apagar a fonte,\Nele acusou um erro
Dialogue: 0,0:02:38.29,0:02:41.29,Default,,0000,0000,0000,,porque eu estou chamando as fontes\Nque eu apaguei aqui.
Dialogue: 0,0:02:41.63,0:02:44.63,Default,,0000,0000,0000,,Então você remove
Dialogue: 0,0:02:45.40,0:02:47.80,Default,,0000,0000,0000,,também as fontes
Dialogue: 0,0:02:47.80,0:02:50.20,Default,,0000,0000,0000,,que você utilizou,
Dialogue: 0,0:02:50.20,0:02:53.21,Default,,0000,0000,0000,,deixando somente essa classe.
Dialogue: 0,0:02:53.34,0:02:56.34,Default,,0000,0000,0000,,Apaga o import.
Dialogue: 0,0:02:57.58,0:03:00.31,Default,,0000,0000,0000,,E o projeto continua vazio.
Dialogue: 0,0:03:00.31,0:03:03.82,Default,,0000,0000,0000,,Restou apenas uma classe a ser removida\Ne em seguida
Dialogue: 0,0:03:04.15,0:03:07.15,Default,,0000,0000,0000,,eu vou criar uma manipulação\Nno arquivo page,
Dialogue: 0,0:03:07.59,0:03:10.59,Default,,0000,0000,0000,,apagando a classe do boi
Dialogue: 0,0:03:11.66,0:03:14.66,Default,,0000,0000,0000,,e no page.
Dialogue: 0,0:03:14.96,0:03:17.96,Default,,0000,0000,0000,,Vamos criar aqui um H1.
Dialogue: 0,0:03:18.56,0:03:20.53,Default,,0000,0000,0000,,E escrever
Dialogue: 0,0:03:20.53,0:03:21.10,Default,,0000,0000,0000,,fiapo.
Dialogue: 0,0:03:21.10,0:03:26.10,Default,,0000,0000,0000,,Observem que já apresentou pior\Nsem a estilização, porque eu removi toda
Dialogue: 0,0:03:26.60,0:03:32.21,Default,,0000,0000,0000,,a estrutura na limpeza\Ne ficou apenas o fiapo limpo aqui na tela.
Dialogue: 0,0:03:32.54,0:03:35.92,Default,,0000,0000,0000,,Uma observação importante\Né sempre acompanhado com mentação do next,
Dialogue: 0,0:03:36.42,0:03:38.08,Default,,0000,0000,0000,,pois ela possui muitas atualizações.
Dialogue: 0,0:03:38.08,0:03:41.75,Default,,0000,0000,0000,,Agora você está pronto para criar projetos\Ne manipulando páginas
Dialogue: 0,0:03:41.75,0:03:42.82,Default,,0000,0000,0000,,e componentes importantes.