Repolode
Enviar
ln-dev7

ln-dev7/landing-pages

Colección de landing pages de código abierto con personalidad propia, creadas con Next.js, Tailwind CSS y shadcn/ui, cada una como proyecto independiente.

Ver en GitHubSitio web
Estrellas
217
Forks
38
Issues abiertos
0
Último commit
ayer

¿Qué es?

Este repositorio reúne varias landing pages, cada una diseñada en torno a un concepto distinto, como una experiencia 3D en una casa embrujada, un club de surf con una escuela interactiva o un club independiente de boulder. Cada carpeta dentro de landing-pages/ es un proyecto independiente de Next.js que se puede instalar y ejecutar por separado con pnpm.

Las páginas están creadas con Next.js, Tailwind CSS y componentes de shadcn/ui muy personalizados. Varios proyectos usan escenas 3D y elementos visuales interactivos como núcleo de la página, en lugar de secciones estáticas. La carpeta www/ contiene un sitio estático independiente que muestra la colección, creado con HTML, CSS y JavaScript sin necesidad de un paso de compilación.

El repositorio también incluye instrucciones para desplegar en Vercel, con una configuración específica para cada proyecto y un mecanismo que omite las compilaciones de las carpetas que no han cambiado desde el último despliegue. El código cuenta con licencia MIT, mientras que las fuentes, las imágenes y algunos componentes de terceros mantienen sus propias licencias.

Funciones clave

  • 01Base de Next.js y Tailwind CSS con componentes de shadcn/ui personalizados
  • 02Cada landing page es un proyecto independiente que se puede ejecutar
  • 03Varias páginas incluyen escenas 3D interactivas
  • 04Sitio estático de presentación en www/ sin paso de compilación
  • 05Instrucciones para desplegar en Vercel, con omisión de compilaciones para proyectos sin cambios

Casos de uso

  • Estudiar cómo crear landing pages expresivas y basadas en conceptos con Next.js
  • Partir de una plantilla funcional para crear una página de marketing o un portafolio
  • Explorar elementos visuales 3D e interactivos en una base de código React
  • Desplegar varios sitios pequeños desde un único monorepo en Vercel

Inicio rápido

  1. 1

    Ve a la carpeta del proyecto (p. ej., fallow)

    cd landing-pages/fallow
  2. 2

    Instala las dependencias con pnpm

    pnpm install
  3. 3

    Inicia el servidor de desarrollo

    pnpm dev

Antes de usarlo

  • Requiere Node.js 20.9 o posterior y pnpm.
  • Los efectos de Canvas UI de Sundaze están sujetos a MIT + Commons Clause, que restringe el uso comercial.
  • Las fuentes, imágenes y componentes de terceros conservan sus propias licencias.

Temas

#landing-page#nextjs#tailwind-css#shadcn-ui#react#3d#typescript

Preguntas frecuentes

¿Qué es landing-pages?
Colección de landing pages de código abierto con personalidad propia, creadas con Next.js, Tailwind CSS y shadcn/ui, cada una como proyecto independiente. Este repositorio reúne varias landing pages, cada una diseñada en torno a un concepto distinto, como una experiencia 3D en una casa embrujada, un club de surf con una escuela interactiva o un club independiente de boulder. Cada carpeta dentro de landing-pages/ es un proyecto independiente de Next.js que se puede instalar y ejecutar por separado con pnpm.
¿landing-pages es gratuito? ¿Qué licencia tiene?
landing-pages es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿landing-pages sigue mantenido?
Mantenimiento activo. El último commit de landing-pages fue el 6 nov 2026.
¿Para qué puedo usar landing-pages?
Estudiar cómo crear landing pages expresivas y basadas en conceptos con Next.js Partir de una plantilla funcional para crear una página de marketing o un portafolio Explorar elementos visuales 3D e interactivos en una base de código React Desplegar varios sitios pequeños desde un único monorepo en Vercel
¿Cómo se instala landing-pages?
Ve a la carpeta del proyecto (p. ej., fallow): cd landing-pages/fallow Instala las dependencias con pnpm: pnpm install Inicia el servidor de desarrollo: pnpm dev
¿Dónde consigo landing-pages?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/ln-dev7/landing-pages

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados