Marketplace de plantillas de landing pages listas para usar
Landing Templates es una plataforma web para descubrir y previsualizar plantillas de landing pages categorizadas por industria. Construida con Next.js 16 App Router, optimizada para SEO y generación estática.
| Característica | Descripción |
|---|---|
| 🗂️ Catálogo filtrable | Filtra por categoría: SaaS, Startup, Agencia, Restaurante, Seguridad |
| ⚡ Generación estática | generateStaticParams para rutas de detalle ultra rápidas |
| 🎨 Diseño moderno | UI minimalista con Tailwind v4, gradientes y modo oscuro |
| 🔍 SEO optimizado | generateMetadata por página y layout con Open Graph |
| 📱 Totalmente responsive | Grid adaptable desde mobile hasta widescreen |
| 🖼️ Preview con overlay | Hover interactivo sobre cada tarjeta de plantilla |
- Framework: Next.js 16.2 con App Router y React Compiler
- Lenguaje: TypeScript 5 en modo estricto
- Estilos: Tailwind CSS v4
- Fuentes: Geist (Vercel)
- Imágenes: placehold.co con SVG habilitado
landing-templates/
├── app/
│ ├── page.tsx # Página de inicio
│ ├── layout.tsx # Layout raíz (Navbar + Footer)
│ ├── globals.css # Estilos globales
│ └── templates/
│ ├── page.tsx # Listado con filtros
│ ├── loading.tsx # Esqueleto de carga
│ └── [slug]/
│ ├── page.tsx # Detalle de plantilla
│ └── not-found.tsx # 404 personalizado
├── components/
│ ├── Navbar.tsx # Barra de navegación
│ ├── Footer.tsx # Pie de página
│ ├── TemplateCard.tsx # Tarjeta de plantilla
│ ├── TemplateGrid.tsx # Grid de tarjetas
│ └── FilterBar.tsx # Filtro por categoría
├── data/
│ └── templates.ts # Base de datos estática (8 plantillas)
├── lib/
│ └── getTemplates.ts # Helpers de consulta
└── types/
└── template.ts # Interfaces TypeScript
# Clonar repositorio
git clone https://github.com/Crypt0xDev/landing-templates.git
cd landing-templates
# Instalar dependencias
npm install
# Iniciar servidor de desarrollo
npm run devAbre http://localhost:3000 en tu navegador.
| Comando | Descripción |
|---|---|
npm run dev |
Servidor de desarrollo en localhost:3000 |
npm run build |
Compilación para producción |
npm run start |
Servidor de producción |
npm run lint |
Análisis de código con ESLint |
| Nombre | Categoría | Descripción |
|---|---|---|
| Nexus AI | SaaS | Dashboard inteligente con IA |
| Velocity SaaS | SaaS | Plataforma de analíticas |
| Launchpad | Startup | MVP para startups tech |
| Founder Hub | Startup | Red de fundadores |
| Studio Pro | Agencia | Portafolio de diseño |
| Creative Agency | Agencia | Agencia creativa urbana |
| Bistro Belle | Restaurante | Restaurante gourmet |
| ShieldOps | Seguridad | Ciberseguridad empresarial |
Distribuido bajo la licencia MIT. Ver LICENSE para más detalles.
Hecho con Next.js · 2026