Crie uma tela de login incrivelmente bonita e responsiva usando o framework Tailwind CSS.

Crie uma aplicação consumindo os dados da nossa API dos jogos olímpicos e concorra a prêmios.

Mini Projeto do Codante.io - Implemente um gerenciador de hábitos usando NextJS

Mini Projeto do Codante.io - Implemente uma lista de países usando NextJS

Vamos filtrar, ordenar e paginar uma lista de pedidos com Next.js! 🚀

Aplicação de reconhecimento facial com o intuito de traduzir as expressões e emoções do usuário.

Use Tailwind CSS para implementar um toggle de dark mode elegante e interativo.

Fazer um formulário na vida real nem sempre é uma tarefa trivial. Nuances como validação, mensagens de erro e máscaras de preenchimento tornam o processo um pouco menos intuitivo. Neste mini projeto, você vai aprender a criar um formulário dinâmico usando React Hook Form e Zod para facilitar o desenvolvimento.

Inicie sua prática com Next.js criando uma página comercial de um tatuador hipotético chamado Sandro Luz.

Dê vida ao design do "Meow Café", transformando-o em uma página funcional!

Crie o seu blog pessoal utilizando Next.JS. Aproveite para entender o funcionamento de arquivos MDX na criação das suas postagens.

Replica do chat GPT desenvolvido com Next JS, TypeScript, Tailwind CSS e a API da OpenAI

Nada melhor do que manter a saúde em dia, não é? Sendo o IMC uma medida internacional usada para calcular se uma pessoa está no peso ideal, a nossa calculadora de Índice de Massa Corporal (IMC) é perfeita para isso.

Mini Projeto do Codante.io - Crie uma notificação "toast" animada usando TailwindCSS

Crie uma aplicação fullstack com Next.js e SQLite para lista atletas olímpicos e paralímpicos do Brasil.

Este mini-projeto consiste em criar uma galeria de fotos utilizando Javascript.

Vamos criar uma landing page para um SaaS com o estilo de design do Notion. Para isso vamos usar Next.js, TailwindCSS e shadcn/ui.

Nesta landing page de contabilidade, você aprenderá a estruturar elementos com HTML e CSS, utilizando o Flexbox para organizar o layout de forma eficiente.

Crie uma página contendo as respostas para as perguntas mais frequentes do seu site.