image

Access unlimited bootcamps and 750+ courses forever

70
%OFF
Article image
Helton Silva
Helton Silva18/06/2026 18:51
Share

Next.js com Genkit

  • #React
  • #Next.js

🤖AI English Practice: Simulador de Roleplay com GenKit

Esta semana mergulhei de cabeça nos estudos de inglês. Para acelerar o meu aprendizado e transformar o entendimento passivo em fluência ativa, costumo criar prompts no Gemini simulando situações do dia a dia através da técnica de roleplay.

Para tornar esse processo mais fluido, personalizado e divertido, decidi dar um passo além: construir minha própria aplicação de Inteligência Artificial voltada para o treinamento de conversação e escrita.

Atualmente, o projeto está rodando de forma 100% local e gratuita, servindo como meu laboratório pessoal de testes. No entanto, o plano é expandir a arquitetura para criar algo ainda maior e mais robusto no futuro.

🛠️ Tecnologias Utilizadas

O ecossistema foi pensado para alinhar alta performance no Front-end com uma integração simples e poderosa de modelos de linguagem (LLMs):

Next.js: Framework React utilizado para construir uma interface de usuário rápida, moderna e SSR-ready (Server-Side Rendering).

GenKit: Framework de IA do Google utilizado para estruturar os fluxos de prompt, gerenciar o contexto do roleplay e integrar de forma nativa com as APIs do Gemini.

💡Ideias para os seus próximos passos no projeto:

Como você já está com a mão na massa localmente, aqui vão três insights para quando decidir "criar algo maior":

Histórico de Conversas: Salvar o feedback dos seus erros de escrita mais comuns para gerar um "gráfico de evolução" do seu inglês.

Audio-to-Text / Text-to-Audio: Adicionar comandos de voz na API do Next.js para você treinar não apenas a escrita, mas também o listening e o speaking.

Deploy Gratuito: Quando quiser tirar do local, você pode subir o front no Vercel ou Netlify, e manter a API do Gemini no plano free (respeitando os limites de requisições por minuto).

image

Vou deixar o link para você melhorar ou ate mesmo criar a sua:

https://github.com/Helton-Carlos/next-IA-genkit

Documentos:

https://genkit.dev/docs/js/frameworks/nextjs/

https://nextjs.org/

Share
Recommended for you
Akad - Fullstack Developer
AWS - Agentes de IA em Campo
Michael Page - Criando Seu Primeiro Agente de IA
Comments (0)