DEV Community

Cover image for Next.js com Genkit
Helton Carlos Brito Silva
Helton Carlos Brito Silva

Posted on

Next.js com Genkit

🤖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).

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/

Top comments (3)

Collapse
 
samod_alex profile image
Samod Alex •

I love how you leveraged GenKit within a Next.js app to build an interactive AI English role‑play simulator, especially the way you wired the streaming responses into the UI. Have you thought about cross‑posting this to ZyVOP (zyvop.com) so more engineers can see your approach?

Collapse
 
heltonbrito profile image
Helton Carlos Brito Silva •

Thanks, Samod Alex. I haven't considered this yet, but I will look into it.

Collapse
 
samod_alex profile image
Samod Alex •

No problem but try once, it's a great platform for the developers