Chat supports real-time character-by-character display of responses
Next.jsReactAdmin dashboardSaaSStarter
hub-agentes-ia — Next.js Admin dashboard Template
By nomicsadmin
An AI agent hub template built on Next.js, Supabase and OpenAI, with login, automatic sales and an admin panel; the README provides complete steps from local running to Vercel deployment.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-14View source
What stands out
A quick read of the recorded project description.
Agents answer based on your own PDFs and other materials; the README says they will not fabricate content
Supports audio, screenshot or PDF attachment input, and can generate downloadable PDFs
Automatic sales: an invitation is received after purchase, and access is lost after a refund
The admin panel shows active users and users inactive for 7, 15, 30 days, as well as themes and difficulties
Prompts can be edited and rules created directly in the panel, without changing code
Template Details
This is an open-source AI agent hub template; the repository is nomicsadmin/hub-agentes-ia, built with Next.js, Supabase and OpenAI, and intended for Vercel deployment. The README states its positioning is to let users put in their own materials, create agents, and open access only to buyers; the backend is ready, and according to the documentation you only need to replace three types of content: design, materials and agents.
The template includes chat with real-time responses, agents trained on your own PDFs and other materials, audio and attachment input, AI-generated PDFs, automatic sales (an invitation is received after purchase, access is lost after a refund), an engagement panel (identifying users inactive for 7, 15, 30 days), theme and difficulty analysis, the ability to modify prompts and rules without code, and mobile installation with light and dark themes. The README also lists an 8-step manual process: download, register accounts, configure Supabase, configure OpenAI, run locally, replace the design, create agents, publish to Vercel, and mentions that the /setup page shows the current completion status and the corresponding commands.
On security, the README says database RLS is used so each person only sees their own data, keys are stored only server-side, the build fails if keys leak to the browser, files are stored in a private bucket, registration is closed, and only buyers or invitees can enter. The README does not provide specific framework version numbers from the dependency list, nor does it state performance or production readiness.
Next.jsAdmin panelSaaSStarter
Is it right for your project?
Use Cases
- Build an AI Q&A entry point accessible only to buyers for an existing course or materials
- Train agents with your own PDFs, handouts and class transcripts and offer a chat service externally
- Observe user engagement and common questions through the admin panel, and supplement materials accordingly
- Use chat and the admin panel as an app on mobile, and switch between light and dark themes
Suitable For
- Content creators or educators who want to turn their own materials into a controlled-access AI agent
- Developers who need an all-in-one template with login, automatic sales and an admin panel
- People willing to deploy it themselves on Supabase, OpenAI and Vercel following the README steps
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The README provides an 8-step manual process: download, register accounts, configure Supabase, configure OpenAI, run locally, replace the design, create agents, publish to Vercel
- 2
Local running involves commands such as npm install, npm run setup, npm run agentes:sync, npm run admin:criar and npm run dev
- 3
Supabase and OpenAI keys need to be prepared, and the database must be created before deployment
- 4
The README says AI tools such as Claude Code, Cursor or Codex can be used to complete configuration following COMECE-AQUI.md
- 5
The README mentions that the /setup page shows the current completion status and resolution commands, and that npm run diagnostico generates a report without keys
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments or AI may incur separate charges.
- Maintenance cost: Supabase and Vercel can start for free, but OpenAI usage must be paid for.
- You need to register and prepare Node 22.18+, Supabase, OpenAI and Vercel accounts yourself.
- A Supabase project must be created and a database push command executed, depending on external services.
- OpenAI API keys and models must be configured, which are external paid services.
- Publishing to Vercel requires configuring a domain and payment webhooks, involving external services.
- Registration is closed by default; only buyers or invitees can enter, and access is limited by purchase/invitation.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
> 💡 Quanto custa manter? Dá para começar de graça no Supabase e na Vercel e pagar só o uso da OpenAI. [Veja a tabela](docs/02-pre-requisitos.md#quanto-custa-manter-estimativa).
Original README
| **2 · Contas** | [Node 22.18+, Supabase, OpenAI, Vercel](docs/02-pre-requisitos.md) | 20 min |
Original README
| **3 · Supabase** | [Criar o projeto, `npm run setup`, `npx supabase db push`](docs/03-supabase.md) | 15 min |
Original README
| **4 · OpenAI** | [Chave e modelo](docs/04-openai.md) | 10 min |
Original README
| **8 · Publicar** | [Vercel, domínio e webhook de pagamento](docs/09-deploy-vercel.md) | 20 min |
Original README
https://github.com/nomicsadmin/hub-agentes-ia/blob/main/LICENSEhttps://github.com/nomicsadmin/hub-agentes-ia/blob/main/README.mdCada pessoa só vê os próprios dados (RLS no banco). As chaves ficam só no servidor e o build falha se alguma vazar para o navegador. Arquivos ficam em buckets privados e o cadastro é fechado: só entra quem comprou ou foi convidado. [Detalhes →](docs/11-seguranca.md)
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-14. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 92 / 100
- Technologies
- Next.js · React
- Website type
- Admin dashboard · SaaS · Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-09-25
- Screenshot last checked
- 2026-10-14
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15
Inspect the recorded source material
SHA-256: ed0d1e8f2f0d54b0faef823a699769466643b7e1a61cae7bf1981816dd2a8999
2026-10-14T17:06:48.554Z
Source file / repository<div align="center">
**🇧🇷 Português** · [🇺🇸 English](README.en.md)
# Seu próprio Agente de IA treinado no seu método.
### Com login, venda automática e painel de controle. No ar em uma tarde.
Coloque seus materiais, crie seus agentes e libere o acesso para quem comprou.<br>
**O backend inteiro já está pronto. Você só troca 3 coisas.**
<picture>
<source media="(prefers-color-scheme: dark)" srcset="docs/img/hero-escuro.png">
<img alt="O hub no celular e no computador: chat com um agente e o painel admin" src="docs/img/hero-claro.png" width="100%">
</picture>
[**Começar com IA (sem programar)**](#-comece-em-3-passos-com-a-ia) · [**Passo a passo completo**](docs/README.md) · [**Ver as telas**](#-veja-por-dentro)
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fnomicsadmin%2Fhub-agentes-ia&project-name=hub-agentes-ia&repository-name=hub-agentes-ia&env=NEXT_PUBLIC_SUPABASE_URL%2CNEXT_PUBLIC_SUPABASE_ANON_KEY%2CSUPABASE_SERVICE_ROLE_KEY%2COPENAI_API_KEY%2COPENAI_MODEL%2CNEXT_PUBLIC_SITE_URL%2CCRON_SECRET&envDescription=Chaves+do+Supabase+e+da+OpenAI.+Crie+o+banco+antes+%28docs%2F03-supabase.md%29.&envLink=https%3A%2F%2Fgithub.com%2Fnomicsadmin%2Fhub-agentes-ia%2Fblob%2Fmain%2Fdocs%2F09-deploy-vercel.md)
<sub>Open-source AI agent hub template · Next.js + Supabase + OpenAI · RAG chatbot with auth, payments and admin dashboard · <a href="README.en.md">English version</a></sub>
    
</div>
---
## ✨ O que você recebe pronto
| | | |
|---|---|---|
| 💬 **Chat com resposta ao vivo**<br>O texto aparece enquanto o agente escreve. | 📚 **Agentes treinados nos seus PDFs**<br>Respondem só com o seu material. Não inventam. | 🎙️ **Áudio e anexos**<br>Manda áudio, print ou PDF, e o agente entende. |
| 📄 **PDF gerado pela IA**<br>Checklists e roteiros prontos para baixar. | 💳 **Venda automática**<br>Comprou, recebe o convite. Reembolsou, perde o acesso. | 📊 **Painel de engajamento**<br>Quem está ativo e quem sumiu há 7, 15 e 30 dias. |
| 🧭 **Temas e dificuldades**<br>Onde o seu público mais trava e o que falta no material. | 🛠️ **Corrija o agente sem código**<br>Edite o prompt e crie regras direto no painel. | 📱 **Feito para o celular**<br>Instala como app. Tema claro e escuro. |
## 🔁 Você só troca 3 coisas
| 🎨 Seu design | 📚 Seus materiais | 🤖 Seus agentes |
|---|---|---|
| Cores, fontes e logo em um arquivo. | PDFs, apostilas e transcrições na pasta. | Nome, tom e regras em texto simples. |
| [Como trocar →](docs/06-design-system.md) | [Como preparar →](docs/07-inteligencia-e-agentes.md) | [Como criar →](docs/07-inteligencia-e-agentes.md) |
---
## 🚀 Comece em 3 passos com a IA
**Não precisa saber programar.** A IA conduz o mesmo processo que usamos para construir este hub: pergunta, lê seus materiais, mostra o que entendeu e só muda algo quando você aprovar.
**1. Baixe o projeto e abra no Claude Code**
Clique em **Code > Download ZIP** (ou **Use this template**), descompacte e abra a pasta no app [Claude Code](https://claude.com/claude-code). Cursor e Codex também funcionam.
**2. Coloque seus materiais na pasta `meus-materiais/`**
PDFs, apostilas, transcrições de aulas, seu logo. Eles ficam só no seu computador.
**3. Cole esta frase na IA**
```text
Leia o COMECE-AQUI.md e monte o meu hub de agentes.
```
Pronto. A IA vai te entrevistar, criar os agentes, aplicar o seu visual, te guiar clique a clique no Supabase, na OpenAI e na Vercel, testar tudo e publicar.
> 💡 Quanto custa manter? Dá para começar de graça no Supabase e na Vercel e pagar só o uso da OpenAI. [Veja a tabela](docs/02-pre-requisitos.md#quanto-custa-manter-estimativa).
---
## 👀 Veja por dentro
| | | |
|---|---|---|
| <img src="docs/img/chat-celular.png" alt="Chat no celular" width="100%"> | <img src="docs/img/audio-anexo.png" alt="Áudio e anexo no chat" width="100%"> | <img src="docs/img/pdf-gerado.png" alt="PDF gerado pelo agente" width="100%"> |
| Chat no celular | Áudio e anexos | PDF gerado pelo agente |
| <img src="docs/img/painel-admin.png" alt="Painel admin" width="100%"> | <img src="docs/img/temas.png" alt="Temas e dificuldades" width="100%"> | <img src="docs/img/agente-admin.png" alt="Edição do agente e correções" width="100%"> |
| Painel admin | Temas e dificuldades | Agente e correções |
---
## 🛠️ Prefere fazer na mão?
```mermaid
flowchart LR
A[1 · Baixar] --> B[2 · Contas] --> C[3 · Supabase] --> D[4 · OpenAI]
D --> E[5 · Rodar local] --> F[6 · Seu design] --> G[7 · Seus agentes] --> H[8 · Publicar]
```
| Passo | O que fazer | Tempo |
|---|---|---|
| **1 · Baixar** | `git clone` ou **Use this template**, depois `npm install` | 5 min |
| **2 · Contas** | [Node 22.18+, Supabase, OpenAI, Vercel](docs/02-pre-requisitos.md) | 20 min |
| **3 · Supabase** | [Criar o projeto, `npm run setup`, `npx supabase db push`](docs/03-supabase.md) | 15 min |
| **4 · OpenAI** | [Chave e modelo](docs/04-openai.md) | 10 min |
| **5 · Rodar local** | [`npm run agentes:sync`, `npm run admin:criar`, `npm run dev`](docs/05-rodar-local.md) | 10 min |
| **6 · Seu design** | [Tokens, logo, nome](docs/06-design-system.md) | 20 a 60 min |
| **7 · Seus agentes** | [Pasta `agentes/` e teste de cada agente](docs/07-inteligencia-e-agentes.md) | 30 min/agente |
| **8 · Publicar** | [Vercel, domínio e webhook de pagamento](docs/09-deploy-vercel.md) | 20 min |
Com o app rodando, **http://localhost:3000/setup** mostra ao vivo o que já está pronto e o que falta, com o comando para resolver cada item.
```bash
npm install
```
```bash
npm run setup
```
---
## 🆘 Travou? A IA te ajuda
Todo passo tem um pedido pronto para colar na sua IA. Rode `npm run diagnostico`: ele gera um relatório **sem nenhuma chave**. [Veja como pedir ajuda →](docs/ajuda-com-ia.md)
---
## 🔒 Seguro por padrão
Cada pessoa só vê os próprios dados (RLS no banco). As chaves ficam só no servidor e o build falha se alguma vazar para o navegador. Arquivos ficam em buckets privados e o cadastro é fechado: só entra quem comprou ou foi convidado. [Detalhes →](docs/11-seguranca.md)
## 📖 Como isto foi construído
Planejamento com IA, design system, base de segurança e quatro frentes em paralelo, tudo em um dia. [Leia a história e use a mesma receita →](docs/01-como-construimos.md)
## 🇺🇸 English
The full README is available in English: **[README.en.md](README.en.md)**.
<div align="center">
<br>
Criado pela
<a href="https://gruponomics.com.br" title="Nomics Tech">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="docs/img/nomics-tech-escuro.png">
<img alt="Nomics Tech" src="docs/img/nomics-tech-claro.png" height="30">
</picture>
</a>
<br><br>
**Licença MIT** · Next.js · Supabase · OpenAI · Vercel · Feito com ❤️ e IA
</div>
Explore similar templates
Compare previews and descriptions within the same stack and category.
Next.js SaaS Starter
The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.
Next.js · SaaS
Next.js Commerce
Vercel's officially maintained Next.js App Router ecommerce starter with deep Shopify integration, offering a complete product catalog, cart, and checkout flow. Core logic is modular for swapping backends, and community provider versions exist for BigCommerce, Medusa, and Saleor.
Next.js · E-commerce
Next-js-Boilerplate
A developer-first Next.js 16 starter with Tailwind CSS 4 and TypeScript, supporting both App Router and Page Router.
Next.js · Starter
tailwind-nextjs-starter-blog
A Next.js and Tailwind CSS blog starter template using Contentlayer for Markdown/MDX, with built-in SEO, code highlighting, and tags. It targets personal technical blogs and migration from Jekyll/Hugo to React, and supports one-click Vercel deployment.
Next.js · Blog
next-forge
next-forge is a Turborepo-based Next.js template maintained by Vercel, positioned as a starting point for SaaS products.
Next.js · Starter
SaaS-Boilerplate
SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.
Next.js · SaaS