top of page

Se inscreva para receber meu conteúdo com dicas e seja notificado sobre os novos vídeos do canal. Inscritos aqui, tem prioridade e atenção.

Quer ser mestre em Wix?

{msg}

Clone do Netflix no Editor X da Wix 🚀

Clone do Netflix usando a plataforma de criação de sites da Wix o Editor X.

Transcrição do vídeo

Fala galera, tudo bem com vocês? Bom, não

00:00:01

tem muito segredo, né? Vocês já devem ter

00:00:03

conferido aí na thumb do vídeo, que hoje

00:00:06

a gente vai falar sobre um clone da

00:00:08

Netflix feito dentro do wix, tá? É

00:00:10

esse vídeo aqui. É um vídeo que eu fiz um

00:00:13

pouco esse projeto. Aliás, esse projeto é

00:00:16

um projeto que eu fiz pra estudo,

00:00:18

né? Mas eu quis trazer aqui justamente

00:00:21

para o canal para mostrar para vocês, até

00:00:23

para as pessoas que têm um pouquinho de

00:00:26

dúvida em relação ao wix e para que elas

00:00:27

tirem essa dúvida de que. A wix

00:00:29

ela é limitada, né? Tem limites,

00:00:32

tem limites. Com certeza. É uma

00:00:35

plataforma de construção de sites,

00:00:37

mas ela te dá muita Liberdade,

00:00:39

né?O Eu Acredito que é a plataforma que

00:00:42

te dá mais Liberdade do mercado,

00:00:45

entendeu? Então vamos conferir aí, Bora

00:00:47

para esse vídeo aí? Vamos mostrar aqui

00:00:50

para vocês, tá? A gente tem um projeto

00:00:53

aqui, deixa ele aberto aqui só para vocês

00:00:55

verem que realmente foi feito dentro do

00:00:57

IX. Depois a gente volta para cá, mas

00:00:58

vamos aqui para dentro do site mesmo, né,

00:01:01

que está aqui no ar. Se vocês quiserem

00:01:03

até entrarem aí nesse domínio,

00:01:06

mas eu não aconselho nem utilizar esse

00:01:09

domínio aqui, eu só coloquei porque eu

00:01:11

preciso mesmo de um plano premium, porque

00:01:13

tem alguns objetos.

00:01:15

É customizados, elementos customizados,

00:01:18

né? E aqui esse esse domínio aqui

00:01:20

eu eu uso ele para outras coisas, eu tiro

00:01:23

do ar, então provavelmente vocês vão

00:01:25

acessar aí não vai estar nem no ar, tá?

00:01:28

Então nem precisa acessar,

00:01:30

mas vamos lá, ó, tem a páginazinha

00:01:33

inicial aqui, né? Bem simples, simples,

00:01:35

simplista mesmo, igual a Netflix tá tá

00:01:38

bem igual mesmo que eu quis pegar mesmo

00:01:40

realmente o próprio site né da da

00:01:43

Netflix para. E

00:01:46

pra fazer igual, né? Copiar mesmo, pra

00:01:49

que vocês vejam que dá pra fazer

00:01:51

igualzinho a única coisa que tá diferente

00:01:53

aqui é as Fontes, tá? Só se eu não

00:01:54

peguei deles não. Entrando aqui, né?

00:01:57

Ele acessa a página inicial dos

00:02:00

filmes.

00:02:03

Então, se eu carregar aqui, Oh nas

00:02:08

páginas iniciais, conforme eu for

00:02:09

carregando, ele vai me trazendo filmes

00:02:11

aleatórios, né? Nesse banner aqui em

00:02:14

cima. Ele me traz aí uns filmes

00:02:16

aleatórios, igual a Netflix faz também a

00:02:19

mesma coisa, traz aqui o nome do filme,

00:02:22

traz uma descrição, traz aqui esses 2

00:02:24

botões igual a Netflix, né? A Netflix até

00:02:27

se eu não me engano, tem um pouquinho

00:02:29

mais de informações aqui, mas já ficou

00:02:31

bem interessante desse jeito. Eu estava

00:02:33

ansioso para mostrar para vocês, né? E.

00:02:35

E aí, né, aqui embaixo, rolando aqui a

00:02:40

gente tem, né? Igualzinho a Netflix. Na

00:02:42

verdade, hoje é a Netflix hoje, né? Ela é

00:02:44

retangular, né? Horizontal, mas eu quis

00:02:47

fazer assim porque encaixou bem as

00:02:49

imagens, né? Os posters que eu usei um A

00:02:51

PIEAPI traz esses dados, né? De

00:02:54

filmes, pra pra você poder utilizar,

00:02:57

então é vocês até vão ver aqui que tem

00:02:59

filmes que não tem nada, nada a ver com a

00:03:02

Netflix, mas é só foi pra exemplificar

00:03:04

mesmo, tá? Então aqui a gente tem toda a

00:03:07

lista, tem o slide aqui, ó.

00:03:09

Ficou bem massa mesmo esse clone, viu?

00:03:12

Bem da hora. Então dá

00:03:16

pra. É um clone que você consegue aí

00:03:19

utilizar pra você, estudar bastante coisa

00:03:22

diferente, né? É um projeto

00:03:24

bem simples, mas é um projeto muito massa

00:03:27

de fazer. E dá para você até

00:03:29

evoluir, né? Para mais coisas além disso,

00:03:32

como a você colocar aqui, na no

00:03:35

banner e ali startup, um vídeo

00:03:37

trailer do do filme é ou aqui

00:03:40

também Na Na parte de baixo, ele aumentar

00:03:43

a caixa aqui inicial filme como faz a

00:03:45

Netflix hoje, entendeu? Então tem muita

00:03:48

possibilidade, mas é trazer aqui um

00:03:50

projeto simples para vocês, para que

00:03:52

aí a gente vai para um objetivo aí, né?

00:03:56

Vamos lá, vou mostrar aqui um pouquinho

00:03:58

antes de falar para vocês, tá?Vou

00:04:00

aqui é na home, né? Tem na primeira

00:04:03

página, tem. Não tem nada de código. Você

00:04:05

tem um códigozinho bem simples, então

00:04:08

não fiz praticamente nada.

00:04:10

Mas aqui em browser, né? Aí a gente vai

00:04:13

ter bastante coisa onde a gente tem aqui

00:04:16

a construção, né? Do layout da

00:04:18

página, o layout é simples, tá? Não

00:04:21

tem nenhum segredo,

00:04:24

é é no editor x que eu fiz,

00:04:26

é isso? É até bom também, para vocês

00:04:29

verem como o editor x é

00:04:31

também te dá mais Liberdade na questão de

00:04:34

layout, né?Aí a gente aqui também tem

00:04:36

um elemento customizado, tá? Esse

00:04:39

elemento customizado é o elemento que ele

00:04:41

faz as listas, porque eu

00:04:43

usei um elemento customizado aqui,

00:04:46

porque. O repetidor,

00:04:49

né? A gente está usando um repetidor aqui

00:04:51

para cada lista. Só que e a lista

00:04:53

aqui de filmes, né? Esses posts aqui

00:04:56

também seria um repetidor, né? Só que eu

00:04:59

não posso colocar um repetidor dentro de

00:05:02

outro repetidor no wix então eu precisei

00:05:04

usar um elemento customizado, olha lá,

00:05:07

Hein, já deu uma dica bem especial aqui

00:05:09

para vocês, Hein? Então, só dessa

00:05:12

dica o vídeo já está merecendo um

00:05:14

gostei e uma inscrição aí, Hein?

00:05:17

Beleza, ó então aqui o

00:05:20

desafio, né? Que eu vou lançar aqui para

00:05:23

vocês? Para esse projeto

00:05:25

é que se o canal chegar, né?

00:05:28

Ou melhor, quando o canal chegar a

00:05:31

500 inscritos, eu vou estar fazendo um

00:05:33

vídeo ensinando aqui para vocês,

00:05:36

como você faz o seu próprio clone da

00:05:39

Netflix? Está bom? A gente tem aqui

00:05:41

integração de API, a gente

00:05:44

manipula dados, não é jase que

00:05:46

vem da API, então a gente. Consegue?

00:05:49

Consegue passar esses dados para o

00:05:52

layout? A gente cria ali o elemento

00:05:54

customizado, que é esse elemento aqui das

00:05:57

listas também, entendeu? Então você vai

00:06:00

conseguir aprender muita coisa nova

00:06:03

fazendo esse clone aqui que é um clone

00:06:06

simples, mas que vai trazer bastante

00:06:08

coisa nova aí para o seu portfólio, então

00:06:10

faça a sua inscrição, né? Faz a inscrição

00:06:13

aí dentro do canal, até mesmo para você

00:06:15

acompanhar os novos vídeos que a gente

00:06:17

fazer. Eu estou fazendo uma playlist ali,

00:06:19

um pouquinho devagar, mas estou fazendo

00:06:22

de. Fazendo de criando o blog

00:06:24

100% dentro do wix,

00:06:26

né? Então faz

00:06:28

descrição para você acompanhar todos os

00:06:30

vídeos. Curte o vídeo aí também para eu

00:06:33

saber que você gostou e comenta aí

00:06:36

embaixo, né? Caso você tenha alguma

00:06:38

dúvida ou tenha também alguma

00:06:40

sugestão de um outro clone ou alguma

00:06:42

coisa que você queira ver aqui dentro do

00:06:45

canal, beleza? Eu aguardo. Então

00:06:47

estou esperando essas 500 inscrições para

00:06:50

que a gente possa se divertir um

00:06:52

pouquinho mais. Aprendendo, né? A fazer

00:06:55

esse clone beleza, obrigado e até o

00:06:57

próximo vídeo.

00:07:00

bottom of page