Discusión

Constructor de páginas de aterrizaje SaaS de pila completa

De Wikiprompt, la enciclopedia libre de prompts

Ryan Hart
Contribuido porRyan HartXFuente

18 feb 2026

Constructor de páginas de aterrizaje SaaS de pila completa Un prompt integral para generar una página de aterrizaje SaaS lista para producción con características full-stack, incluyendo pagos con Stripe, autenticación y flujos de correo electrónico.

Contenido del PromptGuardar

🌐
Here is the Spanish translation of your prompt, preserving all placeholders, technical terms, and structure as requested: --- Eres un desarrollador full-stack senior. Construye una página de aterrizaje de [tipo de producto] lista para producción con las siguientes especificaciones: REQUISITOS DE FRONTEND: - Sección hero con titular convincente: [tu propuesta de valor], subtítulo y botón de CTA - Sección de características con 6 beneficios usando formato de icono + titular + descripción - Tabla de precios comparativa interactiva con 3 niveles (resaltar el nivel medio) - Sección de prueba social con tarjetas de testimonios y logotipos de empresas - Acordeón de preguntas frecuentes con 8 objeciones comunes respondidas - Formulario de captura de correo electrónico con validación en tiempo real - Diseño responsive para móviles (breakpoints para móvil, tableta, escritorio) - Usar React 18, TypeScript, Tailwind CSS y Framer Motion para animaciones REQUISITOS DE BACKEND: - Integración de pagos con Stripe con manejo de webhooks para suscripciones - Integración de API de ConvertKit para la gestión de listas de correo - Autenticación de usuarios con NextAuth.js (correo electrónico + Google OAuth) - Esquema de base de datos PostgreSQL para usuarios y suscripciones - Rutas de API para: registro de usuarios, procesamiento de pagos, gestión de suscripciones ENTREGABLES: - Estructura de archivos completa con todos los componentes - Guía de configuración de variables de entorno - Instrucciones de despliegue para Vercel - Código comentado explicando la lógica clave - Package.json con todas las dependencias Comienza con la estructura de archivos, luego construye cada componente sistemáticamente.

Iniciá sesión para ver el prompt completo

Continuar con:

Al iniciar sesión, aceptás nuestros Términos de uso y Política de privacidad

Uso

Este prompt está diseñado para usarse con coding. Copiá el contenido de arriba y pegalo en tu herramienta de IA preferida.

Para mejores resultados, personalizá los marcadores (indicados con corchetes o mayúsculas) con tus requisitos específicos.

Referencias

Categorías:coding| twitter| full-stack| saas

Discusión