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
Comments (0)