1
00:00:07,780 --> 00:00:11,111
Quando criamos o 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 o 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,920
O primeiro é local roda
na sua máquina,

9
00:00:34,920 --> 00:00:36,870
no seu navegador
e o segundo,

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

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

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

13
00:00:47,380 --> 00:00:53,019
Observem que ele já vem estilizado,
personalizado, um padrão.

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

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

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

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

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

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

20
00:01:14,348 --> 00:01:15,541
Pronto!

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

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

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

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

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

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

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

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

29
00:01:45,071 --> 00:01:48,074
No print diz que a página
onde aparece aqui o Get Starter

30
00:01:48,541 --> 00:01:51,744
100 nós vamos limpar da seguinte maneira
Eu vou apagar

31
00:01:52,679 --> 00:01:55,682
tudo o que está dentro dessa div.

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

33
00:02:02,722 --> 00:02:06,559
deixando apenas a dive de abertura
e adesivo de fechamento.

34
00:02:07,293 --> 00:02:10,296
Vou apagar aqui em cima o import e

35
00:02:11,397 --> 00:02:16,369
o seu projeto
está totalmente vazio na page.

36
00:02:17,236 --> 00:02:18,037
Continuando.

37
00:02:20,740 --> 00:02:21,941
No layout

38
00:02:21,941 --> 00:02:25,311
eu também posso apagar os tipos de fonte.

39
00:02:30,116 --> 00:02:32,018
E título

40
00:02:32,018 --> 00:02:33,886
dou o nome do projeto.

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

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

43
00:02:41,627 --> 00:02:44,630
Então você remove

44
00:02:45,398 --> 00:02:47,800
também as fontes

45
00:02:47,800 --> 00:02:50,203
que você utilizou,

46
00:02:50,203 --> 00:02:53,206
deixando somente essa classe.

47
00:02:53,339 --> 00:02:56,342
Apaga o import.

48
00:02:57,577 --> 00:03:00,313
E o projeto continua vazio.

49
00:03:00,313 --> 00:03:03,816
Restou apenas uma classe a ser removida
e em seguida

50
00:03:04,150 --> 00:03:07,153
eu vou criar uma manipulação
no arquivo page,

51
00:03:07,587 --> 00:03:10,590
apagando a classe do boi

52
00:03:11,657 --> 00:03:14,660
e no page.

53
00:03:14,961 --> 00:03:17,964
Vamos criar aqui um H1.

54
00:03:18,564 --> 00:03:20,533
E escrever

55
00:03:20,533 --> 00:03:21,100
fiapo.

56
00:03:21,100 --> 00:03:26,105
Observem que já apresentou pior
sem a estilização, porque eu removi toda

57
00:03:26,605 --> 00:03:32,211
a estrutura na limpeza
e ficou apenas o fiapo limpo aqui na tela.

58
00:03:32,545 --> 00:03:35,915
Uma observação importante
é sempre acompanhado com mentação do next,

59
00:03:36,415 --> 00:03:38,084
pois ela possui muitas atualizações.

60
00:03:38,084 --> 00:03:41,754
Agora você está pronto para criar projetos
e manipulando páginas

61
00:03:41,754 --> 00:03:42,822
e componentes importantes.