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 em "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,033
Bem estranho.

31
00:01:45,033 --> 00:01:45,661
No "page",

32
00:01:45,661 --> 00:01:49,301
que é a página onde aparece aqui 
o "Get started", "save",

33
00:01:49,301 --> 00:01:51,049
nós vamos limpar
da seguinte maneira.

34
00:01:51,049 --> 00:01:54,558
Eu vou apagar tudo
o que está dentro dessa "div".

35
00:01:59,385 --> 00:02:02,706
Vou apagar essa estilização,

36
00:02:02,706 --> 00:02:07,293
deixando apenas a "div" de abertura
e a "div" fechamento.

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

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

39
00:02:17,176 --> 00:02:20,700
Continuando.

40
00:02:20,700 --> 00:02:25,876
No layout eu também posso apagar
os tipos de fonte.

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

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

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

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

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

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

47
00:03:00,214 --> 00:03:02,980
Restou apenas uma classe
a ser removida

48
00:03:02,980 --> 00:03:04,115
e, em seguida,

49
00:03:04,115 --> 00:03:07,358
eu vou criar uma manipulação 
no arquivo page.

50
00:03:07,358 --> 00:03:14,827
Apagando a classe do "body",
e no page,

51
00:03:14,827 --> 00:03:21,020
vamos criar aqui um "h1"
e escrever "Fiap".

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

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

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

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

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

57
00:03:38,084 --> 00:03:40,274
Agora você está pronto
para criar projetos em Next,

58
00:03:40,274 --> 00:03:43,020
manipulando páginas
e componentes importantes.