Constructor de páginas de aterrizaje SaaS de pila completa
De Wikiprompt, la enciclopedia libre de prompts
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ía: Prompts de coding
- Fuente: https://x.com/thisdudelikesAI/status/2024031500942143721
Discusión
0 comentarios