0:00:07.773,0:00:11.111
Quando criamos um 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 um 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.870
O primeiro é local, [br]roda na sua máquina,

0:00:34.870,0:00:35.573
no seu navegador.

0:00:35.573,0:00:36.870
E o segundo,

0:00:36.870,0:00:40.473
caso você 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:51.729
Observem que ele já vem estilizado,[br]personalizado,

0:00:51.729,0:00:53.019
um padrão.

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

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

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

0:01:05.532,0:01:09.078
Vou selecionar todos e deletar.

0:01:09.078,0:01:11.404
Vamos deixar o navegador[br]ao lado do código

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

0:01:14.348,0:01:15.541
Pronto.

0:01:15.541,0:01:17.455
Apaguei as imagens do "public",

0:01:17.455,0:01:21.494
dentro do "src" vou apagar esse ícone.

0:01:21.494,0:01:24.541
Vou apagar esse "global.css"

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

0:01:29.822,0:01:34.799
Aqui em "layout", [br]vou tirar o "import" do "globals.css",

0:01:34.799,0:01:39.432
afinal, acabei de apagar.

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

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

0:01:45.033,0:01:45.661
No "page",

0:01:45.661,0:01:49.301
que é a página onde aparece aqui [br]o "Get started", "save",

0:01:49.301,0:01:51.049
nós vamos limpar[br]da seguinte maneira.

0:01:51.049,0:01:54.558
Eu vou apagar tudo[br]o que está dentro dessa "div".

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

0:02:02.706,0:02:07.293
deixando apenas a "div" de abertura[br]e a "div" fechamento.

0:02:07.293,0:02:09.856
Vou apagar aqui em cima o "import"

0:02:09.856,0:02:17.176
e o seu projeto[br]está totalmente vazio na page.

0:02:17.176,0:02:20.700
Continuando.

0:02:20.700,0:02:25.876
No layout eu também posso apagar[br]os tipos de fonte.

0:02:30.116,0:02:33.886
Em título,[br]dou o nome do projeto.

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

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

0:02:41.627,0:02:50.203
Então você remove também as fontes[br]que você utilizou,

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

0:02:53.269,0:03:00.214
Apaga o "import"[br]e o projeto continua vazio.

0:03:00.214,0:03:02.980
Restou apenas uma classe[br]a ser removida

0:03:02.980,0:03:04.115
e, em seguida,

0:03:04.115,0:03:07.358
eu vou criar uma manipulação [br]no arquivo page.

0:03:07.358,0:03:14.827
Apagando a classe do "body",[br]e no page,

0:03:14.827,0:03:21.020
vamos criar aqui um "h1"[br]e escrever "Fiap".

0:03:21.020,0:03:25.083
Observem que já apresentou "Fiap"[br]sem a estilização,

0:03:25.083,0:03:28.715
porque eu removi[br]toda a estrutura na limpeza

0:03:28.715,0:03:32.451
e ficou apenas o "Fiap" limpo [br]aqui na tela.

0:03:32.451,0:03:34.875
Uma observação importante[br]é sempre acompanhar

0:03:34.875,0:03:38.084
a documentação do Next,[br]pois ela possui muitas atualizações.

0:03:38.084,0:03:40.274
Agora você está pronto[br]para criar projetos em Next,

0:03:40.274,0:03:43.020
manipulando páginas[br]e componentes importantes.