# Reconstruindo um Aplicativo REAL de Gestão Com VibeCoding - #02
> Veja como está ficando o novo front-end desenvolvido com Nuxt e Nuxt UI, e descubra os bastidores do meu processo utilizando Inteligência Artificial para acelerar a criação das telas e da lógica. Falo sobre como configurei as regras do projeto com o Gemini Pro, o uso de Skills e MCPs para dar contexto à IA e meu teste surpreendente com o Codex 5.3 no VS Code
- **Canal Oficial:** Escola de Aplicativos (https://www.youtube.com/@escola.aplicativos)
- **Assistir no YouTube:** https://www.youtube.com/watch?v=F9Zv3D3N0CM
- **Página no Portal:** https://www.escoladeaplicativos.com.br/youtube/reconstruindo-aplicativo-real-gestao-vibecoding-02
- **Publicado em:** 2026-07-15T00:47:32.247251503Z
---
## Visão geral do episódio

Veja a reconstrução de um aplicativo real de gestão com Nuxt 4 e Nuxt UI, usando agentes de IA, Skills e MCPs para dar contexto real ao desenvolvimento. Neste segundo episódio da série, também mostramos na prática a modelagem do banco de dados em grafos com SurrealDB para inteligência de negócio e recomendações.

## Capítulos e linha do tempo (Timestamps)

| Minutagem | Tópico abordado |
| :--- | :--- |
| **00:00** | Introdução e visão geral do projeto |
| **00:18** | Mostrando o novo Front-end (Nuxt e Nuxt UI) |
| **00:50** | Telas de Dashboard, Contatos, Produtos e Vendas |
| **02:25** | Configurando o projeto com IA e criando regras (Gemini Pro) |
| **03:39** | Como utilizar Skills e MCPs no desenvolvimento |
| **05:13** | Minha experiência criando telas com o Codex 5.3 |
| **05:46** | Criando checklists de implementação com IA |
| **07:13** | Próximos passos e sistema de autenticação/permissões |
| **08:17** | Modelagem do Banco de Dados em Grafos na prática |
| **10:20** | O poder dos Grafos para inteligência de negócio e recomendações |
| **11:27** | Considerações finais e encerramento |

## Continue aprendendo na Escola de Aplicativos

- **[Curso Gratuito: SurrealDB do Zero](/cursos/surrealdb-do-zero):** 19 aulas práticas em português construindo um CRM real com documentos, grafos e permissões.
- **[Artigo: Grafos no SurrealDB para produtos brasileiros](/blog/grafos-surrealdb-produtos-brasileiros):** 4 aplicações práticas de modelagem relacional e em grafos.
- **[Artigo: Por que adotar Nuxt 4](/blog/por-que-adotar-nuxt-4):** Uma base sólida para transformar vibe coding em produto real.