[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: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:53.02,Default,,0000,0000,0000,,Observem que ele já vem estilizado,\Npersonalizado, 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.96,Default,,0000,0000,0000,,Vou minimizar e começar a limpeza.
Dialogue: 0,0:01:00.96,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 no "layout" vou tirar\No "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.07,Default,,0000,0000,0000,,Bem estranho.
Dialogue: 0,0:01:45.07,0:01:48.54,Default,,0000,0000,0000,,No "page" que é a página\Nonde aparece aqui o "Get Starter",
Dialogue: 0,0:01:48.54,0:01:51.05,Default,,0000,0000,0000,,"Save", nós vamos limpar\Nda seguinte maneira.
Dialogue: 0,0:01:51.05,0:01:59.38,Default,,0000,0000,0000,,Eu vou apagar tudo\No que está dentro dessa "div".
Dialogue: 0,0:01:59.38,0:02:05.44,Default,,0000,0000,0000,,Vou apagar essa estilização\Ndeixando apenas a "div" de abertura
Dialogue: 0,0:02:05.44,0:02:07.29,Default,,0000,0000,0000,,e 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.24,Default,,0000,0000,0000,,e o seu projeto\Nestá totalmente vazio na page.
Dialogue: 0,0:02:17.24,0:02:20.74,Default,,0000,0000,0000,,Continuando.
Dialogue: 0,0:02:20.74,0:02:30.12,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,,Um título,\Ndou o nome do projeto.
Dialogue: 0,0:02:33.89,0:02:38.29,Default,,0000,0000,0000,,Observem que ao apagar a fonte,\Nele acusou um erro,
Dialogue: 0,0:02:38.29,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.22,Default,,0000,0000,0000,,Apaga o "import"\Ne o projeto continua vazio.
Dialogue: 0,0:03:00.22,0:03:02.98,Default,,0000,0000,0000,,Restou apenas uma classe\Na ser removida
Dialogue: 0,0:03:02.98,0:03:07.36,Default,,0000,0000,0000,,e em seguida eu vou criar\Numa manipulação no arquivo page.
Dialogue: 0,0:03:07.36,0:03:18.56,Default,,0000,0000,0000,,Apagando a classe do "body"\Ne no page vamos criar aqui um "h1"
Dialogue: 0,0:03:18.56,0:03:21.02,Default,,0000,0000,0000,,e 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.66,Default,,0000,0000,0000,,porque eu removi\Ntoda a estrutura na limpeza
Dialogue: 0,0:03:28.66,0:03:32.45,Default,,0000,0000,0000,,e ficou apenas o "Fiap" limpo aqui 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.20,Default,,0000,0000,0000,,Agora você está pronto\Npara criar projetos em next
Dialogue: 0,0:03:40.20,0:03:43.03,Default,,0000,0000,0000,,manipulando páginas\Ne componentes importantes.