1
00:00:07,773 --> 00:00:11,111
Quando criamos um projeto Next,
ele já vem com o modelo padrão.

2
00:00:11,111 --> 00:00:13,420
Precisamos personalizá-lo
para o seu uso.

3
00:00:13,420 --> 00:00:17,011
Eu criei um projeto em Next,
agora vou executá-lo

4
00:00:17,011 --> 00:00:19,520
e, em seguida,
vamos limpar a estrutura.

5
00:00:19,520 --> 00:00:22,257
Essa é estrutura que eu criei em Next,

6
00:00:22,257 --> 00:00:29,019
vou executá-la com o seguinte 
comando: "npm run dev".

7
00:00:29,019 --> 00:00:32,132
Ele vai buildar,
vai gerar aqui dois links.

8
00:00:32,132 --> 00:00:34,870
O primeiro é local, 
roda na sua máquina,

9
00:00:34,870 --> 00:00:35,573
no seu navegador.

10
00:00:35,573 --> 00:00:36,870
E o segundo,

11
00:00:36,870 --> 00:00:40,473
caso você esteja trabalhando em rede,
ele executa pela rede.

12
00:00:40,473 --> 00:00:44,184
Vamos usar o primeiro.

13
00:00:44,184 --> 00:00:47,380
E esse é um projeto Next rodando.

14
00:00:47,380 --> 00:00:51,729
Observem que ele já vem estilizado,
personalizado,

15
00:00:51,729 --> 00:00:53,019
um padrão.

16
00:00:53,019 --> 00:00:57,690
Precisamos limpar toda essa estrutura
para começarmos o nosso projeto.

17
00:00:57,690 --> 00:01:00,910
Vou minimizar e começar a limpeza.

18
00:01:00,910 --> 00:01:05,532
Primeiro, vou limpar aqui
os arquivos de imagem.

19
00:01:05,532 --> 00:01:09,078
Vou selecionar todos e deletar.

20
00:01:09,078 --> 00:01:11,404
Vamos deixar o navegador
ao lado do código

21
00:01:11,404 --> 00:01:14,348
para visualizar o que vai acontecendo
ao limpar a estrutura.

22
00:01:14,348 --> 00:01:15,541
Pronto.

23
00:01:15,541 --> 00:01:17,455
Apaguei as imagens do "Public",

24
00:01:17,455 --> 00:01:21,494
dentro do "src" vou apagar esse ícone.

25
00:01:21,494 --> 00:01:24,541
Vou apagar esse "global.css"

26
00:01:24,541 --> 00:01:29,822
e vocês vão perceber que ele
já causou alguns erros aqui.

27
00:01:29,822 --> 00:01:34,799
Aqui no "layout" vou tirar
o "import" do "globals.css",

28
00:01:34,799 --> 00:01:39,432
afinal, acabei de apagar.

29
00:01:39,432 --> 00:01:42,535
Ele volta e olha como vai ficando
o nosso projeto.

30
00:01:42,535 --> 00:01:45,071
Bem estranho.

31
00:01:45,071 --> 00:01:48,541
No "page" que é a página
onde aparece aqui o "Get Starter",

32
00:01:48,541 --> 00:01:51,049
"Save", nós vamos limpar
da seguinte maneira.

33
00:01:51,049 --> 00:01:59,385
Eu vou apagar tudo
o que está dentro dessa "div".

34
00:01:59,385 --> 00:02:05,436
Vou apagar essa estilização
deixando apenas a "div" de abertura

35
00:02:05,436 --> 00:02:07,293
e a "div" fechamento.

36
00:02:07,293 --> 00:02:09,856
Vou apagar aqui em cima o "import"

37
00:02:09,856 --> 00:02:17,236
e o seu projeto
está totalmente vazio na page.

38
00:02:17,236 --> 00:02:20,740
Continuando.

39
00:02:20,740 --> 00:02:30,116
No layout eu também posso apagar
os tipos de fonte.

40
00:02:30,116 --> 00:02:33,886
Um título,
dou o nome do projeto.

41
00:02:33,886 --> 00:02:38,291
Observem que ao apagar a fonte,
ele acusou um erro,

42
00:02:38,291 --> 00:02:41,627
porque eu estou chamando as fontes
que eu apaguei aqui.

43
00:02:41,627 --> 00:02:50,203
Então você remove também as fontes
que você utilizou,

44
00:02:50,203 --> 00:02:53,269
deixando somente essa classe.

45
00:02:53,269 --> 00:03:00,218
Apaga o "import"
e o projeto continua vazio.

46
00:03:00,218 --> 00:03:02,980
Restou apenas uma classe
a ser removida

47
00:03:02,980 --> 00:03:07,358
e em seguida eu vou criar
uma manipulação no arquivo page.

48
00:03:07,358 --> 00:03:18,564
Apagando a classe do "body"
e no page vamos criar aqui um "h1"

49
00:03:18,564 --> 00:03:21,020
e escrever "Fiap".

50
00:03:21,020 --> 00:03:25,083
Observem que já apresentou "Fiap"
sem a estilização,

51
00:03:25,083 --> 00:03:28,655
porque eu removi
toda a estrutura na limpeza

52
00:03:28,655 --> 00:03:32,451
e ficou apenas o "Fiap" limpo aqui na tela.

53
00:03:32,451 --> 00:03:34,875
Uma observação importante
é sempre acompanhar

54
00:03:34,875 --> 00:03:38,084
a documentação do next,
pois ela possui muitas atualizações.

55
00:03:38,084 --> 00:03:40,204
Agora você está pronto
para criar projetos em next

56
00:03:40,204 --> 00:03:43,031
manipulando páginas
e componentes importantes.