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 setup

    Exemplos

    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.