[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:07.77,0:00:11.11,Default,,0000,0000,0000,,Quando criamos um 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 um 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.87,Default,,0000,0000,0000,,O primeiro é local, \Nroda na sua máquina,
Dialogue: 0,0:00:34.87,0:00:35.57,Default,,0000,0000,0000,,no seu navegador.
Dialogue: 0,0:00:35.57,0:00:36.87,Default,,0000,0000,0000,,E o segundo,
Dialogue: 0,0:00:36.87,0:00:40.47,Default,,0000,0000,0000,,caso você esteja trabalhando em rede,\Nele executa pela rede.
Dialogue: 0,0:00:40.47,0:00:44.18,Default,,0000,0000,0000,,Vamos usar o primeiro.
Dialogue: 0,0:00:44.18,0:00:47.38,Default,,0000,0000,0000,,E esse é um projeto Next rodando.
Dialogue: 0,0:00:47.38,0:00:51.73,Default,,0000,0000,0000,,Observem que ele já vem estilizado,\Npersonalizado,
Dialogue: 0,0:00:51.73,0:00:53.02,Default,,0000,0000,0000,,um padrão.
Dialogue: 0,0:00:53.02,0:00:57.69,Default,,0000,0000,0000,,Precisamos limpar toda essa estrutura\Npara começarmos o nosso projeto.
Dialogue: 0,0:00:57.69,0:01:00.91,Default,,0000,0000,0000,,Vou minimizar e começar a limpeza.
Dialogue: 0,0:01:00.91,0:01:05.53,Default,,0000,0000,0000,,Primeiro, vou limpar aqui\Nos arquivos de imagem.
Dialogue: 0,0:01:05.53,0:01:09.08,Default,,0000,0000,0000,,Vou selecionar todos e deletar.
Dialogue: 0,0:01:09.08,0:01:11.40,Default,,0000,0000,0000,,Vamos deixar o navegador\Nao lado do código
Dialogue: 0,0:01:11.40,0:01:14.35,Default,,0000,0000,0000,,para visualizar o que vai acontecendo\Nao limpar a estrutura.
Dialogue: 0,0:01:14.35,0:01:15.54,Default,,0000,0000,0000,,Pronto.
Dialogue: 0,0:01:15.54,0:01:17.46,Default,,0000,0000,0000,,Apaguei as imagens do "public",
Dialogue: 0,0:01:17.46,0:01:21.49,Default,,0000,0000,0000,,dentro do "src" vou apagar esse ícone.
Dialogue: 0,0:01:21.49,0:01:24.54,Default,,0000,0000,0000,,Vou apagar esse "global.css"
Dialogue: 0,0:01:24.54,0:01:29.82,Default,,0000,0000,0000,,e vocês vão perceber que ele\Njá causou alguns erros aqui.
Dialogue: 0,0:01:29.82,0:01:34.80,Default,,0000,0000,0000,,Aqui em "layout", \Nvou tirar o "import" do "globals.css",
Dialogue: 0,0:01:34.80,0:01:39.43,Default,,0000,0000,0000,,afinal, acabei de apagar.
Dialogue: 0,0:01:39.43,0:01:42.54,Default,,0000,0000,0000,,Ele volta e olha como vai ficando\No nosso projeto.
Dialogue: 0,0:01:42.54,0:01:45.03,Default,,0000,0000,0000,,Bem estranho.
Dialogue: 0,0:01:45.03,0:01:45.66,Default,,0000,0000,0000,,No "page",
Dialogue: 0,0:01:45.66,0:01:49.30,Default,,0000,0000,0000,,que é a página onde aparece aqui \No "Get started", "save",
Dialogue: 0,0:01:49.30,0:01:51.05,Default,,0000,0000,0000,,nós vamos limpar\Nda seguinte maneira.
Dialogue: 0,0:01:51.05,0:01:54.56,Default,,0000,0000,0000,,Eu vou apagar tudo\No que está dentro dessa "div".
Dialogue: 0,0:01:59.38,0:02:02.71,Default,,0000,0000,0000,,Vou apagar essa estilização,
Dialogue: 0,0:02:02.71,0:02:07.29,Default,,0000,0000,0000,,deixando apenas a "div" de abertura\Ne a "div" fechamento.
Dialogue: 0,0:02:07.29,0:02:09.86,Default,,0000,0000,0000,,Vou apagar aqui em cima o "import"
Dialogue: 0,0:02:09.86,0:02:17.18,Default,,0000,0000,0000,,e o seu projeto\Nestá totalmente vazio na page.
Dialogue: 0,0:02:17.18,0:02:20.70,Default,,0000,0000,0000,,Continuando.
Dialogue: 0,0:02:20.70,0:02:25.88,Default,,0000,0000,0000,,No layout eu também posso apagar\Nos tipos de fonte.
Dialogue: 0,0:02:30.12,0:02:33.89,Default,,0000,0000,0000,,Em título,\Ndou o nome do projeto.
Dialogue: 0,0:02:33.89,0:02:38.22,Default,,0000,0000,0000,,Observem que ao apagar a fonte,\Nele acusou um erro,
Dialogue: 0,0:02:38.22,0:02:41.63,Default,,0000,0000,0000,,porque eu estou chamando as fontes\Nque eu apaguei aqui.
Dialogue: 0,0:02:41.63,0:02:50.20,Default,,0000,0000,0000,,Então você remove também as fontes\Nque você utilizou,
Dialogue: 0,0:02:50.20,0:02:53.27,Default,,0000,0000,0000,,deixando somente essa classe.
Dialogue: 0,0:02:53.27,0:03:00.21,Default,,0000,0000,0000,,Apaga o "import"\Ne o projeto continua vazio.
Dialogue: 0,0:03:00.21,0:03:02.98,Default,,0000,0000,0000,,Restou apenas uma classe\Na ser removida
Dialogue: 0,0:03:02.98,0:03:04.12,Default,,0000,0000,0000,,e, em seguida,
Dialogue: 0,0:03:04.12,0:03:07.36,Default,,0000,0000,0000,,eu vou criar uma manipulação \Nno arquivo page.
Dialogue: 0,0:03:07.36,0:03:14.83,Default,,0000,0000,0000,,Apagando a classe do "body",\Ne no page,
Dialogue: 0,0:03:14.83,0:03:21.02,Default,,0000,0000,0000,,vamos criar aqui um "h1"\Ne escrever "Fiap".
Dialogue: 0,0:03:21.02,0:03:25.08,Default,,0000,0000,0000,,Observem que já apresentou "Fiap"\Nsem a estilização,
Dialogue: 0,0:03:25.08,0:03:28.72,Default,,0000,0000,0000,,porque eu removi\Ntoda a estrutura na limpeza
Dialogue: 0,0:03:28.72,0:03:32.45,Default,,0000,0000,0000,,e ficou apenas o "Fiap" limpo \Naqui na tela.
Dialogue: 0,0:03:32.45,0:03:34.88,Default,,0000,0000,0000,,Uma observação importante\Né sempre acompanhar
Dialogue: 0,0:03:34.88,0:03:38.08,Default,,0000,0000,0000,,a documentação do Next,\Npois ela possui muitas atualizações.
Dialogue: 0,0:03:38.08,0:03:40.27,Default,,0000,0000,0000,,Agora você está pronto\Npara criar projetos em Next,
Dialogue: 0,0:03:40.27,0:03:43.02,Default,,0000,0000,0000,,manipulando páginas\Ne componentes importantes.