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