feat(pdf): add DomPDF integration and ebook download feature
Integrate barryvdh/laravel-dompdf package for PDF generation with custom configuration. Add authenticated ebook download route and view. Update footer to display ebook download link for logged-in users.
This commit is contained in:
@@ -0,0 +1,345 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt-BR">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>GPrompt - Ebook para Desenvolvedores</title>
|
||||
<style>
|
||||
body { font-family: 'DejaVu Sans', sans-serif; color: #333; line-height: 1.6; font-size: 10pt; margin: 20px; }
|
||||
h1 { font-size: 18pt; color: #4e73df; border-bottom: 2px solid #4e73df; padding-bottom: 5px; margin-top: 20px; }
|
||||
h2 { font-size: 13pt; color: #2c3e50; margin-top: 15px; }
|
||||
h3 { font-size: 11pt; color: #555; margin-top: 12px; }
|
||||
p { margin-bottom: 8px; text-align: justify; }
|
||||
ul, ol { margin-bottom: 8px; padding-left: 18px; }
|
||||
li { margin-bottom: 3px; }
|
||||
.cover { text-align: center; padding-top: 100px; }
|
||||
.cover h1 { font-size: 28pt; border: none; }
|
||||
.cover h2 { font-size: 14pt; color: #666; font-weight: normal; }
|
||||
.cover p { font-size: 11pt; color: #888; text-align: center; }
|
||||
.page-break { page-break-before: always; }
|
||||
.box { border: 1px solid #4e73df; padding: 10px; margin: 10px 0; background: #f8f9fc; }
|
||||
.box h3 { color: #4e73df; margin-top: 0; }
|
||||
.alert { border: 1px solid #1cc88a; padding: 10px; margin: 10px 0; background: #f0fdf4; }
|
||||
.alert h3 { color: #1cc88a; margin-top: 0; }
|
||||
.warning { border: 1px solid #e74a3b; padding: 10px; margin: 10px 0; background: #fff5f5; }
|
||||
.warning h3 { color: #e74a3b; margin-top: 0; }
|
||||
table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 9pt; }
|
||||
th { background: #4e73df; color: #fff; padding: 5px; text-align: left; }
|
||||
td { padding: 5px; border-bottom: 1px solid #ddd; }
|
||||
code { font-family: 'DejaVu Sans Mono', monospace; font-size: 8pt; background: #f4f4f4; padding: 1px 3px; }
|
||||
pre { background: #f4f4f4; padding: 8px; font-size: 8pt; font-family: 'DejaVu Sans Mono', monospace; border-left: 3px solid #4e73df; }
|
||||
.toc li { padding: 3px 0; }
|
||||
.cover .badge { background: #4e73df; color: #fff; padding: 5px 15px; border-radius: 3px; font-size: 10pt; }
|
||||
.footer { text-align: center; color: #999; font-size: 7pt; margin-top: 20px; padding-top: 10px; border-top: 1px solid #eee; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="cover">
|
||||
<h1>GPrompt</h1>
|
||||
<h2>Sistema de Geração de Prompts Inteligentes</h2>
|
||||
<br>
|
||||
<p><strong>Ebook para Desenvolvedores</strong></p>
|
||||
<p>Crie sites, landing pages e aplicativos com a potência da IA</p>
|
||||
<br><br>
|
||||
<p>Versão 1.0 — Outubro 2026</p>
|
||||
</div>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>Sumário</h1>
|
||||
<ul class="toc">
|
||||
<li>1. O que é o GPrompt?</li>
|
||||
<li>2. Conceitos Fundamentais</li>
|
||||
<li>3. Primeiros Passos</li>
|
||||
<li>4. Templates de Projeto</li>
|
||||
<li>5. Arquivos Padrão (LGPD)</li>
|
||||
<li>6. Requisitos de Sistema</li>
|
||||
<li>7. Provedores de IA</li>
|
||||
<li>8. Casos de Uso Práticos</li>
|
||||
<li>9. Boas Práticas</li>
|
||||
<li>10. Conclusão</li>
|
||||
</ul>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>1. O que é o GPrompt?</h1>
|
||||
<p>O GPrompt é um sistema web completo para geração de prompts inteligentes destinados à criação de sites, landing pages, aplicativos e sistemas web. Ele foi projetado para desenvolvedores que desejam acelerar seu fluxo de trabalho utilizando Inteligência Artificial, mantendo total controle sobre o resultado final.</p>
|
||||
|
||||
<div class="alert">
|
||||
<h3>Para quem este ebook foi feito</h3>
|
||||
<p>Desenvolvedores front-end e full-stack, designers que codam, agências digitais, freelancers e qualquer profissional que crie sites, landing pages ou aplicativos web e queira usar IA para aumentar sua produtividade.</p>
|
||||
</div>
|
||||
|
||||
<p>Diferente de ferramentas genéricas de IA, o GPrompt entende o contexto brasileiro: templates em português, conformidade com a LGPD (Lei Geral de Proteção de Dados), termos de uso e política de privacidade adequados à legislação brasileira, e geração automática de arquivos essenciais como LICENSE, README.md e RULES.md.</p>
|
||||
|
||||
<h2>Principais Diferenciais</h2>
|
||||
<ul>
|
||||
<li>36 templates prontos para diversos tipos de projeto (landing pages, sistemas SaaS, APIs, e-commerce, blogs, dashboards)</li>
|
||||
<li>Múltiplos provedores de IA: OpenRouter, StepFun e Llama.cpp local</li>
|
||||
<li>Arquivos padrão automáticos: LICENSE, README.md, RULES.md, banner de cookies LGPD, termos de uso e política de privacidade</li>
|
||||
<li>Requisitos de sistema embutidos: design responsivo, SEO completo, dependências com licença MIT, toggle de senha</li>
|
||||
<li>Geração multi-arquivo: o prompt gerado instrui a criação de projetos completos com estrutura de pastas organizada</li>
|
||||
</ul>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>2. Conceitos Fundamentais</h1>
|
||||
|
||||
<h2>2.1 O que é Prompt Engineering?</h2>
|
||||
<p>Prompt Engineering é a arte e a ciência de criar instruções precisas para Inteligências Artificiais. Um prompt bem elaborado produz resultados muito superiores a um prompt genérico. O GPrompt automatiza exatamente este processo: ele pega suas especificações e constrói o prompt ideal para cada tipo de projeto.</p>
|
||||
|
||||
<h2>2.2 Como o GPrompt Funciona</h2>
|
||||
<div class="box">
|
||||
<h3>Fluxo de Trabalho</h3>
|
||||
<ol>
|
||||
<li>Crie um Projeto: Defina o objetivo, contexto, persona, tom, restrições e formato de saída</li>
|
||||
<li>Escolha um Template: Selecione entre 36 templates pré-configurados ou crie o seu próprio</li>
|
||||
<li>Selecione o Provedor/Modelo de IA: OpenRouter, StepFun ou Llama.cpp local</li>
|
||||
<li>Gere o Prompt: O sistema monta um prompt otimizado com todas as especificações</li>
|
||||
<li>Use o Prompt: Copie o prompt gerado e utilize no VSCode, Cursor, ou qualquer ferramenta de IA</li>
|
||||
<li>Obtenha o Projeto Completo: A IA cria todos os arquivos do projeto</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<h2>2.3 A Arquitetura do Sistema</h2>
|
||||
<table>
|
||||
<tr><th>Componente</th><th>Função</th></tr>
|
||||
<tr><td>Projetos de Prompt</td><td>Onde você define as especificações do seu projeto</td></tr>
|
||||
<tr><td>Templates</td><td>Modelos pré-configurados para iniciar rapidamente</td></tr>
|
||||
<tr><td>Provedores IA</td><td>Configuração dos serviços de IA (OpenRouter, StepFun, Llama.cpp)</td></tr>
|
||||
<tr><td>Serviço de Geração</td><td>Monta o prompt otimizado e se comunica com a IA</td></tr>
|
||||
<tr><td>Arquivos Padrão</td><td>Gera automaticamente LICENSE, README.md, RULES.md, documentos LGPD</td></tr>
|
||||
<tr><td>Histórico</td><td>Mantém registro de todas as gerações realizadas</td></tr>
|
||||
</table>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>3. Primeiros Passos</h1>
|
||||
|
||||
<div class="alert">
|
||||
<h3>Passo a Passo</h3>
|
||||
<ol>
|
||||
<li>Acesse o sistema e faça login com suas credenciais</li>
|
||||
<li>No menu lateral, clique em "Projetos de Prompt"</li>
|
||||
<li>Clique em "Novo Projeto"</li>
|
||||
<li>Preencha os dados da empresa (nome, endereço, WhatsApp, website, redes sociais)</li>
|
||||
<li>Defina o Objetivo do projeto</li>
|
||||
<li>Forneça o Contexto</li>
|
||||
<li>Defina a Persona</li>
|
||||
<li>Escolha o Tom/Estilo</li>
|
||||
<li>Adicione Restrições importantes</li>
|
||||
<li>Defina o Formato de Saída</li>
|
||||
<li>Selecione o Provedor de IA</li>
|
||||
<li>Clique em "Salvar"</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<h2>3.1 Usando Templates</h2>
|
||||
<p>Os templates são a maneira mais rápida de começar. Ao criar um novo projeto, digite no campo "Modelo de Projeto" para buscar entre os 36 templates disponíveis.</p>
|
||||
|
||||
<table>
|
||||
<tr><th>Categoria</th><th>Templates</th></tr>
|
||||
<tr><td>Landing Pages</td><td>Corporativa, SaaS, Produto Digital, Evento, E-book, Curso Online, App Mobile, Agência, Restaurante, Imobiliária, Saúde, Educação, Delivery</td></tr>
|
||||
<tr><td>Sites</td><td>Institucional, Portfolio Profissional, Portfolio Criativo, Blog Pessoal</td></tr>
|
||||
<tr><td>Sistemas</td><td>E-commerce, Sistema SaaS, Dashboard Admin</td></tr>
|
||||
<tr><td>Frameworks</td><td>Laravel + Blade, Slim Framework, Vue.js + Vite, React + Vite, Next.js, Node.js + Express, FastAPI + Python</td></tr>
|
||||
<tr><td>Arquitetura</td><td>Microsserviços, API REST, JWT, Chatbot com IA, Automação de Workflow</td></tr>
|
||||
</table>
|
||||
|
||||
<p>Ao selecionar um template, todos os campos do formulário são preenchidos automaticamente com as configurações ideais para aquele tipo de projeto.</p>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>4. Templates de Projeto</h1>
|
||||
|
||||
<h2>4.1 Estrutura de um Template</h2>
|
||||
<table>
|
||||
<tr><th>Campo</th><th>Descrição</th></tr>
|
||||
<tr><td>Title</td><td>Nome do template</td></tr>
|
||||
<tr><td>Objective</td><td>Objetivo principal do projeto</td></tr>
|
||||
<tr><td>Context</td><td>Contexto e informações de fundo</td></tr>
|
||||
<tr><td>Persona</td><td>Papel que a IA deve assumir</td></tr>
|
||||
<tr><td>Tone</td><td>Tom e estilo de comunicação</td></tr>
|
||||
<tr><td>Constraints</td><td>Restrições técnicas e regras</td></tr>
|
||||
<tr><td>Output Format</td><td>Formato esperado do resultado</td></tr>
|
||||
<tr><td>Examples</td><td>Exemplos de entrada/saída</td></tr>
|
||||
<tr><td>Variables</td><td>Variáveis dinâmicas do projeto</td></tr>
|
||||
<tr><td>Temperature</td><td>Criatividade da IA (0.0 a 1.0)</td></tr>
|
||||
<tr><td>Max Tokens</td><td>Limite de tokens na resposta</td></tr>
|
||||
<tr><td>Standard Files</td><td>Se inclui arquivos padrão (true/false)</td></tr>
|
||||
</table>
|
||||
|
||||
<h2>4.2 Criando seus Próprios Templates</h2>
|
||||
<p>Desenvolvedores podem criar templates personalizados. Basta acessar "Templates" -> "Novo" e preencher os dados no formato JSON:</p>
|
||||
<pre>{
|
||||
"title": "Meu Template",
|
||||
"objective": "Criar um sistema...",
|
||||
"persona": "Especialista em...",
|
||||
"constraints": "Restrições...",
|
||||
"standard_files": true
|
||||
}</pre>
|
||||
|
||||
<div class="warning">
|
||||
<h3>Importante</h3>
|
||||
<p>O campo <code>standard_files</code> controla se os arquivos padrão serão incluídos. Para a maioria dos projetos, mantenha como true.</p>
|
||||
</div>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>5. Arquivos Padrão</h1>
|
||||
<p>Um dos grandes diferenciais do GPrompt é a geração automática de arquivos essenciais para qualquer projeto profissional. Estes arquivos são gerados em duas camadas:</p>
|
||||
<ol>
|
||||
<li>Pelo sistema: O GPrompt gera os arquivos na seção "Arquivos Padrão do Projeto"</li>
|
||||
<li>Pela IA: O prompt gerado instrui a criação destes mesmos arquivos com conteúdo completo</li>
|
||||
</ol>
|
||||
|
||||
<h2>5.1 Os 6 Arquivos Padrão</h2>
|
||||
<table>
|
||||
<tr><th>Arquivo</th><th>Conteúdo</th></tr>
|
||||
<tr><td>LICENSE</td><td>Licença MIT com nome da empresa e ano</td></tr>
|
||||
<tr><td>README.md</td><td>Documentação completa do projeto</td></tr>
|
||||
<tr><td>RULES.md</td><td>Regras de desenvolvimento e padrões de código</td></tr>
|
||||
<tr><td>cookies.html</td><td>Banner de cookies LGPD completo (Aceitar/Recusar/Personalizar)</td></tr>
|
||||
<tr><td>termos-de-uso.html</td><td>Termos de Uso conforme legislação brasileira</td></tr>
|
||||
<tr><td>privacidade.html</td><td>Política de Privacidade conforme LGPD (Lei 13.709/2018)</td></tr>
|
||||
</table>
|
||||
|
||||
<h2>5.2 Conformidade com a LGPD</h2>
|
||||
<p>A Lei Geral de Proteção de Dados (Lei 13.709/2018) exige que sites e aplicativos que coletam dados pessoais tenham:</p>
|
||||
<ul>
|
||||
<li>Política de Privacidade clara e acessível</li>
|
||||
<li>Termos de Uso com as condições do serviço</li>
|
||||
<li>Banner de Cookies com opção de aceitar, recusar ou personalizar</li>
|
||||
<li>Canais de contato do DPO</li>
|
||||
<li>Prazo de resposta de até 15 dias úteis (Art. 19)</li>
|
||||
</ul>
|
||||
<p>Todos estes requisitos são atendidos automaticamente pelos arquivos padrão do GPrompt.</p>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>6. Requisitos de Sistema</h1>
|
||||
<p>Todo projeto gerado pelo GPrompt inclui automaticamente requisitos de sistema que garantem qualidade e conformidade.</p>
|
||||
|
||||
<h2>6.1 Design Responsivo</h2>
|
||||
<p>Mobile-first é a abordagem padrão. Todo projeto gerado é responsivo em todos os tamanhos de tela: smartphones (320px), tablets (768px), desktops (1024px) e telas grandes (1440px).</p>
|
||||
|
||||
<h2>6.2 Dependências com Licença MIT</h2>
|
||||
<p>Todas as dependências devem ter licença MIT ou permissiva para segurança jurídica em projetos comerciais:</p>
|
||||
<ul>
|
||||
<li>Ícones: Bootstrap Icons, Font Awesome (gratuito)</li>
|
||||
<li>Fontes: Google Fonts</li>
|
||||
<li>Imagens: Unsplash, Pexels (domínio público)</li>
|
||||
<li>Frameworks: Bootstrap 5 (MIT), Vue.js (MIT), React (MIT)</li>
|
||||
</ul>
|
||||
|
||||
<h2>6.3 Campo de Senha com Toggle</h2>
|
||||
<p>Todo campo de senha deve incluir um botão com ícone "olho" para mostrar/esconder a senha, seguindo as melhores práticas de UX.</p>
|
||||
|
||||
<h2>6.4 SEO Completo</h2>
|
||||
<ul>
|
||||
<li>HTML5 semântico</li>
|
||||
<li>Meta tags: title, description, keywords, viewport</li>
|
||||
<li>Open Graph: og:title, og:description, og:image</li>
|
||||
<li>JSON-LD: dados estruturados</li>
|
||||
<li>Sitemap.xml e Robots.txt</li>
|
||||
<li>Acessibilidade: aria labels, alt text</li>
|
||||
</ul>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>7. Provedores de IA</h1>
|
||||
<p>O GPrompt suporta múltiplos provedores de Inteligência Artificial:</p>
|
||||
|
||||
<h2>7.1 OpenRouter</h2>
|
||||
<p>Gateway que unifica dezenas de modelos de IA em um único ponto de acesso. Modelos: deepseek/deepseek-v4-flash, nvidia/nemotron-3, openai/gpt, google/gemma. Configure a OPENROUTER_API_KEY no .env.</p>
|
||||
|
||||
<h2>7.2 StepFun</h2>
|
||||
<p>Provedor com modelos de alta performance. Modelos: step-3.5-flash, step-3.7-flash. Configure a STEPFUN_API_KEY no .env.</p>
|
||||
|
||||
<h2>7.3 Llama.cpp (Local)</h2>
|
||||
<p>Execute modelos de IA localmente, sem depender de serviços externos. Modelos: Qwen3-8B, Llama-3.2-3B. Configure LLAMACPP_BASE_URL no .env.</p>
|
||||
|
||||
<h2>7.4 Escolhendo o Modelo Ideal</h2>
|
||||
<table>
|
||||
<tr><th>Para gerar</th><th>Modelo recomendado</th></tr>
|
||||
<tr><td>Landing Pages HTML/CSS</td><td>deepseek/deepseek-v4-flash</td></tr>
|
||||
<tr><td>Documentação</td><td>nvidia/nemotron-3-super</td></tr>
|
||||
<tr><td>Sistemas complexos</td><td>openrouter/free</td></tr>
|
||||
<tr><td>Projetos offline</td><td>Llama.cpp local (Qwen3-8B)</td></tr>
|
||||
</table>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>8. Casos de Uso Práticos</h1>
|
||||
|
||||
<h2>8.1 Landing Page Corporativa</h2>
|
||||
<p>Cenário: Uma empresa precisa de uma landing page profissional para divulgar serviços B2B.</p>
|
||||
<p>Solução: Selecione o template "Landing Page Corporativa", preencha os dados da empresa, gere o prompt com deepseek/deepseek-v4-flash, e use o prompt no VSCode para receber o projeto completo com index.html, style.css, LICENSE, README.md, cookies.html e os demais arquivos padrão.</p>
|
||||
|
||||
<h2>8.2 Sistema SaaS com Laravel + Vue.js</h2>
|
||||
<p>Cenário: Desenvolvimento de um sistema SaaS completo com backend Laravel e frontend Vue.js.</p>
|
||||
<p>Solução: Selecione o template "Laravel 13 + Vue.js 3 Fullstack" e gere o prompt. O resultado conterá instruções para criar toda a estrutura do sistema.</p>
|
||||
|
||||
<h2>8.3 API RESTful com Autenticação JWT</h2>
|
||||
<p>Cenário: Criação de uma API REST com autenticação JWT.</p>
|
||||
<p>Solução: Selecione o template "API com Autenticação JWT". O prompt gerará instruções para controllers, middleware, testes, e docker-compose.</p>
|
||||
|
||||
<h2>8.4 Chatbot com IA</h2>
|
||||
<p>Cenário: Implementação de um chatbot com integração a provedores de IA.</p>
|
||||
<p>Solução: Selecione o template "Chatbot com IA". O prompt incluirá interface de chat, histórico, e integração com API de IA.</p>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>9. Boas Práticas</h1>
|
||||
|
||||
<h2>9.1 Criando Prompts Eficientes</h2>
|
||||
<ul>
|
||||
<li>Seja específico: "Criar um sistema de gestão de tarefas" é melhor que "Criar um sistema"</li>
|
||||
<li>Forneça contexto: Explique o público-alvo e o ambiente técnico</li>
|
||||
<li>Defina restrições claras: Tecnologias, frameworks, limitações</li>
|
||||
<li>Use exemplos: Mostre à IA o formato esperado do resultado</li>
|
||||
<li>Ajuste a temperatura: 0.3 para código preciso, 0.7 para criatividade balanceada</li>
|
||||
</ul>
|
||||
|
||||
<h2>9.2 Dicas para Diferentes Modelos</h2>
|
||||
<table>
|
||||
<tr><th>Modelo</th><th>Dica</th></tr>
|
||||
<tr><td>deepseek/deepseek-v4-flash</td><td>Excelente para código HTML/CSS/JS</td></tr>
|
||||
<tr><td>nvidia/nemotron-3-super</td><td>Ótimo para documentação e prompts longos</td></tr>
|
||||
<tr><td>Llama.cpp local</td><td>Ideal para projetos sensíveis</td></tr>
|
||||
<tr><td>openrouter/free</td><td>Roteia para o melhor modelo gratuito</td></tr>
|
||||
</table>
|
||||
|
||||
<h2>9.3 Versionamento e Manutenção</h2>
|
||||
<ul>
|
||||
<li>Sempre inclua LICENSE, README.md e RULES.md no repositório</li>
|
||||
<li>Mantenha os documentos LGPD atualizados</li>
|
||||
<li>Revise periodicamente os templates</li>
|
||||
<li>Use o histórico de gerações para referência</li>
|
||||
</ul>
|
||||
|
||||
<div class="page-break"></div>
|
||||
<h1>10. Conclusão</h1>
|
||||
<p>O GPrompt representa uma nova forma de desenvolver projetos web, combinando a potência da Inteligência Artificial com a estruturação profissional que todo projeto merece.</p>
|
||||
|
||||
<div class="alert">
|
||||
<h3>O que você ganha usando o GPrompt</h3>
|
||||
<ul>
|
||||
<li>Produtividade: Gere projetos completos em minutos</li>
|
||||
<li>Qualidade: Prompts otimizados produzem resultados superiores</li>
|
||||
<li>Conformidade: LGPD, termos de uso e privacidade sempre inclusos</li>
|
||||
<li>Padronização: Todos os projetos seguem as mesmas boas práticas</li>
|
||||
<li>Flexibilidade: Escolha o modelo de IA ideal para cada tarefa</li>
|
||||
<li>Controle: Você decide cada aspecto do projeto através dos templates</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>Comece hoje mesmo a transformar sua forma de desenvolver. Crie seu primeiro projeto no GPrompt e experimente a diferença de ter um sistema que entende suas necessidades.</p>
|
||||
|
||||
<div class="box">
|
||||
<h3>Continue Aprendendo</h3>
|
||||
<ul>
|
||||
<li>Explore os 36 templates disponíveis</li>
|
||||
<li>Crie seus próprios templates</li>
|
||||
<li>Experimente diferentes provedores de IA</li>
|
||||
<li>Compartilhe templates com sua equipe</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p>GPrompt — Sistema de Geração de Prompts Inteligentes</p>
|
||||
<p>© 2026 Syspanel. Todos os direitos reservados.</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user