O que você aprenderá_
- Saiba como traduzir um layout do Figma em componentes no Next.js
- Conheça os benefícios de criar uma boa base de componentes para suas aplicações em Next.js
- Entenda como estruturar os componentes de seu projeto e separar o visual feito pela equipe de design do código
- Implemente uma aplicação do zero no Next.js utilizando o Typescript e styled-components
- Descubra como criar componentes base e técnicas de código que melhoram o autocomplete do seu código Typescript
Público alvo_
Pessoas desenvolvedoras que possuam uma base de conhecimento em desenvolvimento Front-end e Typescript.
Mario Souto
Vivo no 220v, sempre atrás de um filme/rolê novo e codando desafios aleatórios em JavaScript. Adoro fazer sites e falar/dar aulas sobre isso no @nubank, meu canal no YouTube DevSoutinho e na @alura
Curso atualizado em 16/04/2024
Já estuda na Alura?
Comece o curso agoraEmenta
Começando as bases do projeto
- Design Tokens no Figma
- Tema e o componente Box
- Usando o Styled Componentes
Estilização e componentes
- Criando o BaseComponent
- Reset CSS e Global Style
- Componente Text
- Autocomplete e provedor de tema
Ícones, imagens e cores
- Componente Icon
- Inserindo imagens
- Cores do projeto
Componentes de interação
- Componente de Link
- Botão base e ripple effect
- Finalizando o botão
Dicas finais e próximos passos
- Montando o layout
Descubra se esse curso é pra você! Leia as primeiras aulas
-
Formação
Performe sua aplicação React com Next.js Full stack
10h
De curso
40
Atividades
Escola
Front-end
Pessoas estudando esse curso nesse mês:
Estude com elas
Patrick Motta Torres
Villy Oliveira Rosa
Ronaldo Teixeira Justino
Andre Luis Santos
Thiago Moura Jesus Felis
e mais 100 pessoas
e mais 100 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
Aprenda Next.JS com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri, a inteligência artificial da Alura
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas