Includes 8 landing page template entries categorized into five industries: SaaS, startup, agency, restaurant, and security
Next.jsReactPortfolioSaaSCorporate Website
landing-templates — Next.js Portfolio Template
By Crypt0xDev
A Next.js-based landing page template showcase site with 8 built-in templates categorized by industry, supporting filtering, detail pages, and static generation.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
The template list page provides a category filter bar, and cards have a hover preview overlay
Template detail routes are statically generated at build time using generateStaticParams
Each page outputs its own metadata via generateMetadata, and the root layout configures Open Graph
Responsive grid built with Tailwind CSS, supporting dark mode and gradient styles
Template data is maintained in TypeScript static files, including type definitions and query helper functions
Template Details
Landing Templates is a template showcase and preview platform built with the Next.js App Router. The repository includes 8 landing page templates covering five industries: SaaS, startups, design agencies, restaurants, and cybersecurity. The homepage displays a grid of template cards, the template list page provides a FilterBar for category filtering, and each template has its own detail route (/templates/[slug]) with static pages generated at build time via generateStaticParams.
The data layer is static: template information is stored centrally in data/templates.ts, with query helper functions provided by lib/getTemplates.ts and TypeScript interfaces defined in types/template.ts. Adding or modifying templates therefore requires editing the source code directly; there is no database or admin interface. Styling uses Tailwind CSS, including gradients and dark mode; the font is Geist, and placeholder images come from placehold.co (SVG enabled). Page metadata is generated per page via generateMetadata, and the root layout configures Open Graph.
Note that this is a showcase project rather than a ready-to-launch production site: the 8 templates in the repository are demo entries, and the template cards use placeholder images rather than complete, downloadable standalone template packages. The project is MIT licensed, but third-party assets such as demo images, fonts, and icons require separate license verification.
Next.jsReactPortfolioSaaSCorporate website
Is it right for your project?
Use Cases
- As a prototype for a template directory site, demonstrating the complete browsing flow of category filtering, card grid, and detail pages
- Learning how to organize static generation, dynamic routes, and per-page metadata under the Next.js App Router
- Using data/templates.ts as a data source, replacing it with your own template entries to build a similar showcase site
- Referencing its component breakdown (Navbar, Footer, TemplateCard, TemplateGrid, FilterBar) to build portfolio or product directory pages
Suitable For
- Developers who want to study how Next.js App Router static generation works with dynamic routes
- Individuals or small teams who need to build a template or portfolio directory site and accept maintaining data in source code
- React developers looking for references on Tailwind CSS responsive grids and dark mode implementation
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, run npm install, then start the development server with npm run dev at localhost:3000
- 2
Available scripts include npm run dev, build, start, and lint (ESLint)
- 3
Template content must be edited directly in data/templates.ts; the project provides no database or admin interface
- 4
The templates in the repository are demo entries, and cards use placehold.co placeholder images; they are not standalone template packages available for direct download
- 5
The code is MIT licensed, but third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- You are allowed to use, modify, commercialize, and distribute the code of this version for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Template card images use the external placeholder image service placehold.co and require an internet connection to load; if deployed offline or if the service is unavailable, preview images will not display, and you must replace them with local images.
- The font uses Geist provided by Vercel, which is a third-party asset; its licensing must be checked separately, and the MIT code license does not cover this font.
- The code is MIT licensed, but third-party assets such as demo images, fonts, and icons in the repository are not covered by that license; verify each one's licensing before commercial use.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
**Imágenes:** [placehold.co](https://placehold.co) con SVG habilitado
Original README
**Fuentes:** [Geist](https://vercel.com/font) (Vercel)
Original README
https://github.com/Crypt0xDev/landing-templates/blob/main/LICENSEhttps://github.com/Crypt0xDev/landing-templates/blob/main/README.mdDistribuido bajo la licencia **MIT**. Ver [LICENSE](LICENSE) para más detalles.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 88 / 100
- Technologies
- Next.js · React
- Website type
- Portfolio · SaaS · Corporate Website
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-04-13
- Screenshot last checked
- 2026-10-02
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 3cf2d1cc05e8c9dedd61fb22b1c2c1017003568b85da2c96094ddebd7315c784
2026-10-02T14:32:18.189Z
Source file / repository<div align="center">
# Landing Templates
**Marketplace de plantillas de landing pages listas para usar**
[](https://nextjs.org)
[](https://typescriptlang.org)
[](https://tailwindcss.com)
[](LICENSE)
[Ver demo](#) · [Explorar plantillas](#) · [Reportar bug](https://github.com/Crypt0xDev/landing-templates/issues)
</div>
---
## Descripción
**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ísticas
| 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 |
---
## Stack tecnológico
- **Framework:** [Next.js 16.2](https://nextjs.org) con App Router y React Compiler
- **Lenguaje:** [TypeScript 5](https://typescriptlang.org) en modo estricto
- **Estilos:** [Tailwind CSS v4](https://tailwindcss.com)
- **Fuentes:** [Geist](https://vercel.com/font) (Vercel)
- **Imágenes:** [placehold.co](https://placehold.co) con SVG habilitado
---
## Estructura del proyecto
```
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
```
---
## Instalación
```bash
# Clonar repositorio
git clone https://github.com/Crypt0xDev/landing-templates.git
cd landing-templates
# Instalar dependencias
npm install
# Iniciar servidor de desarrollo
npm run dev
```
Abre [http://localhost:3000](http://localhost:3000) en tu navegador.
---
## Scripts disponibles
| 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 |
---
## Plantillas incluidas
| 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 |
---
## Licencia
Distribuido bajo la licencia **MIT**. Ver [LICENSE](LICENSE) para más detalles.
---
<div align="center">
<sub>Hecho con Next.js · 2026</sub>
</div>
Explore similar templates
Compare previews and descriptions within the same stack and category.
Next.js SaaS Starter
The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.
Next.js · SaaS
SaaS-Boilerplate
SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.
Next.js · SaaS
create-t3-turbo
A full-stack TypeScript monorepo starter from T3 OSS, listed in the Vercel template directory. It splits apps for Next.js, Expo and optional TanStack Start, with shared packages for tRPC v11, better-auth, Drizzle + Supabase and shadcn/ui.
Next.js · Starter
saas-starter-kit
BoxyHQ's open-source Next.js enterprise SaaS starter template provides a reusable foundation with authentication, team management, SAML SSO, directory sync, webhooks, audit logs, and Stripe payments.
Next.js · SaaS
saasfly
Saasfly is an MIT-licensed Next.js SaaS starter template with built-in Clerk authentication, Stripe payment, PostgreSQL, Resend email, internationalization, SEO, tRPC, and Zustand. It is created via `bun create saasfly` and deployable on Vercel.
Next.js · SaaS
react-resume-template
A personal resume website template for software developers, built with Next.js, React, and TypeScript and styled with Tailwind CSS. Site content is driven by a single data file at /src/data/data.tsx, with types in dataDef.ts and images in src/images/.
Next.js · Portfolio