SaaS • Windsurf • Setup de Projeto e Estrutura Base
Cria base front-end de SaaS com rotas públicas/logadas, features e organização escalável.
Produto
frontend
saas
setup
windsurf
iniciante
Preencha as variáveis
0/7 preenchidas
Preencha os campos abaixo e o prompt será atualizado automaticamente. Depois é só copiar!
{produto}{plataforma}{stack}{rotas_publicas}{rotas_logadas}{modulos}{padrao}Prompt (prévia ao vivo)
Atue como Tech Lead front-end de SaaS. Gere um prompt para o Windsurf estruturar a base do projeto com organização profissional.
Dados:
- Nome do SaaS: {produto}
- Plataforma: {plataforma}
- Stack: {stack}
- Rotas públicas: {rotas_publicas}
- Rotas logadas: {rotas_logadas}
- Módulos principais: {modulos}
- Padrão de organização desejado: {padrao}
Entregue:
1) Estrutura de pastas recomendada
2) Convenção de componentes/páginas/features
3) Rotas iniciais (públicas e logadas)
4) Regras de organização para SaaS escalável
5) Prompt final para Windsurf criar setupExemplos
Entrada
Nome do SaaS: TeamPulse Plataforma: Web Stack: Next.js + Tailwind + TypeScript Rotas públicas: /, /trial, /login, /pricing Rotas logadas: /app, /app/projects, /app/projects/[id], /app/reports, /app/settings Módulos principais: Auth, Onboarding, Dashboard, Projects, Reports, Billing Padrão de organização desejado: Features por domínio + UI components compartilhados
Saída esperada
📁 Estrutura: /app, /features, /components/ui, /components/layout, /services, /types, /mocks, /hooks. 🧩 Convenção: Features por domínio (projects/reports/billing), UI genérica separada. 🛣️ Rotas: Públicas: landing/trial/login/pricing Logadas: dashboard/projects/reports/settings 📌 Regras: Páginas compõem features; lógica fora de componentes visuais. 🎯 Prompt Windsurf: Crie a estrutura base de um SaaS em Next.js + Tailwind + TypeScript com rotas públicas e logadas, organização por features de domínio (dashboard, projects, reports, billing) e componentes UI reutilizáveis, pronta para evoluir.