Publicado em: 20/06/2023
últimos vídeos
veja nossos vídeos mais recentes e esteja por dentro de muitas novidades.
veja nossos vídeos mais recentes e esteja por dentro de muitas novidades.
Com mais de 15 anos de experiência em tecnologia e formado pela FAAP em Administração de empresas, hoje é o CEO da Mestres da Web, empresa referência no mercado nacional e com projeções de expansão internacional.
Explorando a estrutura gerada pelo Create React App, entendendo o papel das pastas public e src, os conceitos de Virtual DOM, JSX e componentes, além de como o CSS é aplicado nos projetos React.
Explorando a criação de um layout fixo para a aplicação React, com barra lateral, barra superior e área dinâmica para conteúdo. Utilizando o React Router Dom v6 para gerenciar navegação entre rotas.
Abordando técnicas para organizar estilos em React, utilizando seletores CSS, CSS Modules, integração com React Router, reset CSS eficiente e boas práticas para garantir consistência visual e manutenibilidade.
Vamos dar os primeiros passos com Next.js, criando nosso primeiro projeto e entendendo os conceitos básicos desse poderoso framework React.
Next.js é um framework para React que oferece:
Ele simplifica o desenvolvimento React provendo convenções e recursos prontos para produção.
Para começar, você precisa ter instalado:
Execute no terminal o seguinte comando:
1npx create-next-app@latest nome-do-projetoDurante a instalação, você será questionado sobre:
Após a criação, seu projeto terá:
Para iniciar o servidor de desenvolvimento:
1npm run devIsso irá:
Next.js traz várias vantagens para desenvolvedores React:
Este primeiro passo é fundamental para começar sua jornada com Next.js. Nas próximas aulas, vamos mergulhar mais fundo nos recursos que fazem desse framework uma das melhores opções para desenvolvimento web moderno.