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:50,383
Observem que ele já vem estilizado,

14
00:00:50,717 --> 00:00:53,019
personalizado, um padrão.

15
00:00:53,019 --> 00:00:56,856
Precisamos limpar toda essa estrutura
para começarmos o nosso projeto.

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

17
00:01:00,960 --> 00:01:04,697
Primeiro vou limpar aqui
os arquivos de imagem.

18
00:01:05,532 --> 00:01:06,766
Vamos selecionar todos e

19
00:01:07,901 --> 00:01:09,168
deletar.

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

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

22
00:01:14,707 --> 00:01:15,541
Prontinho!

23
00:01:15,541 --> 00:01:18,544
Apaguei as imagens do Public
dentro do src.

24
00:01:18,645 --> 00:01:21,514
Vou apagar esse ícone.

25
00:01:21,514 --> 00:01:24,517
Vou apagar esse global com CSS

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

27
00:01:29,822 --> 00:01:31,724
Aqui no layout

28
00:01:31,724 --> 00:01:35,495
vou tirar aqui o import do Global CSS,
afinal

29
00:01:35,495 --> 00:01:38,498
acabei de apagar.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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