Um boilerplate elegante e moderno para organizar e exibir todos os materiais e artefatos gerados pelo Google NotebookLM.
- 🎨 Interface Moderna: Design dark mode elegante com animações suaves
- 📦 Gerenciamento Dinâmico: Catálogo centralizado em JSON
- 🎯 Múltiplos Formatos: Suporte para documentos, vídeos, áudios e imagens
- 🚀 Fácil de Usar: Script interativo para adicionar materiais
- 📱 Totalmente Responsivo: Funciona perfeitamente em todos os dispositivos
- ⚡ Performance: Construído com Next.js 14 e otimizações modernas
- 🎭 Animações: Transições suaves com Framer Motion
- Node.js 18+ ou superior
- npm, yarn ou pnpm
- Clone ou baixe este repositório
git clone https://github.com/seu-usuario/artefatos-notebooklm.git
cd artefatos-notebooklm- Instale as dependências
npm install
# ou
yarn install
# ou
pnpm install- Execute o projeto em desenvolvimento
npm run dev
# ou
yarn dev
# ou
pnpm dev- Acesse no navegador
Abra http://localhost:3000 para ver o resultado.
npm run add-materialO script irá perguntar todas as informações necessárias e adicionar automaticamente ao catálogo.
- Baixe os artefatos do NotebookLM e mova para a pasta
./public/ - Edite o arquivo
public/materials.json:
{
"materials": [
{
"id": "identificador-unico",
"title": "Título do Material",
"description": "Descrição detalhada",
"type": "document|video|audio|image",
"file": "nome-do-arquivo.extensao",
"category": "documentos|videos|audios|imagens",
"notebookUrl": "https://notebooklm.google.com/notebook/SEU-ID",
"tags": ["Tag1", "Tag2"]
}
]
}Para instruções detalhadas, consulte:
- 📘 GUIA_ADAPTACAO_TEMPLATE.md - NOVO! Guia completo para adaptar o template para novos projetos
- 📗 GUIA_ADICIONAR_MATERIAIS.md - Guia para adicionar materiais ao catálogo
- 📋 README_MATERIAIS.md - Visão geral do sistema
| Tipo | Extensões | Descrição |
|---|---|---|
document |
PDF, MD, TXT, DOCX | Documentos e textos |
video |
MP4, WebM | Vídeos explicativos |
audio |
M4A, MP3, WAV | Resumos em áudio |
image |
PNG, JPG, SVG | Infográficos, mapas mentais |
artefatos-notebooklm/
├── app/
│ ├── layout.tsx # Layout principal
│ ├── page.tsx # Página principal
│ └── globals.css # Estilos globais
├── public/
│ ├── materials.json # Catálogo de materiais
│ └── [seus-arquivos] # Seus materiais aqui
├── scripts/
│ └── adicionar-material.js # Script auxiliar
├── package.json
├── tsconfig.json
├── tailwind.config.ts
└── README.md
# Desenvolvimento
npm run dev
# Build para produção
npm run build
# Iniciar servidor de produção
npm start
# Linter
npm run lint
# Adicionar novo material
npm run add-materialEdite o arquivo app/page.tsx para personalizar:
- Cores do gradiente
- Background
- Estilos dos cards
Edite app/layout.tsx para alterar título e descrição.
Este projeto pode ser deployado em qualquer plataforma que suporte Next.js:
- Netlify
- Railway
- AWS Amplify
- Cloudflare Pages
Contribuições são bem-vindas! Por favor:
- Faça um Fork do projeto
- Crie uma branch para sua feature (
git checkout -b feature/AmazingFeature) - Commit suas mudanças (
git commit -m 'Add some AmazingFeature') - Push para a branch (
git push origin feature/AmazingFeature) - Abra um Pull Request
Veja CONTRIBUTING.md para mais detalhes.
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
- Google NotebookLM - Por criar uma ferramenta incrível
- Next.js - Framework React
- Tailwind CSS - Framework CSS
- Framer Motion - Biblioteca de animações
- Lucide Icons - Ícones
- 🐛 Reportar Bug
- 💡 Sugerir Feature
- 📧 Email: seu-email@exemplo.com
Feito com ❤️ para a comunidade