Continuamos nosso trabalho no arquivo `fonts.ts`. Importe a fonte `Rubik` com peso `400` e subconjuntos `latin`. Aplique essa fonte ao elemento `p` no arquivo `app/page.tsx`.

Para finalizar o uso das fontes, descomente o componente `TradeHubLogo` no arquivo `app/page.tsx` e verifique a página ao vivo.

Devemos ser capazes de visualizar a seguinte tela da nossa aplicação.

Aprenda a construir aplicações web modernas e de alto desempenho utilizando Next.js. Configure projetos com layouts estruturados, estilização e roteamento para navegação fluida. Busque e exiba dados de forma eficiente, otimizando a renderização e o desempenho. Implemente recursos avançados como paginação, operações CRUD e busca global para aplicações web dinâmicas. Faça o deploy de seus projetos Next.js, conecte-os a bancos de dados e adicione autenticação para proteger os dados dos usuários.

Vamos discutir o que é necessário aprender antes de começar com o framework Next.js, o que esperar deste curso e o que será desenvolvido.

Vamos configurar o projeto, analisar formas de adicionar estilos ao nosso aplicativo e abordar aspectos visuais como imagens, fontes, páginas e layouts.

Aprenda a criar e gerenciar facilmente uma nova visualização para seu aplicativo e navegar por todas as páginas de forma fluida com um sistema de roteamento incorporado.

Implemente o aplicativo Next.js utilizando contas do GitHub e Vercel. Além disso, estabeleça um banco de dados para fornecer os dados necessários ao aplicativo.

Considere como obter e apresentar dados ao usuário de forma clara e eficiente.

Descubra como implementar recursos modernos da web, como paginação, operações CRUD, busca global, validação de formulários e mais.

Implementação de autenticação no Next.js.

Desafio: Implementar uma Fonte Personalizada do Google

Na Prática

Awesome!

Desafio: Implementar uma Fonte Personalizada do Google

Na Prática