Repolode
Enviar
vercel

vercel/examples

Colección seleccionada de aplicaciones de ejemplo, soluciones y plantillas iniciales de Vercel que muestran patrones para crear aplicaciones en Vercel, principalmente con Next.js.

Ver en GitHub
Estrellas
5,157
Forks
1,840
Issues abiertos
283
Último commit
hace 14 horas

¿Qué es?

vercel/examples es un monorepo de proyectos de ejemplo mantenido por Vercel. Se divide en dos áreas principales: solutions, que incluye demos, arquitecturas de referencia y buenas prácticas, y starter, que contiene aplicaciones funcionales pensadas para servir como punto de partida de un proyecto nuevo.

La mayoría de los ejemplos están creados con Next.js y TypeScript, y muchos muestran integraciones como edge middleware, funciones serverless y servicios de terceros. Cada ejemplo está en su propia carpeta, con su README, package.json y, de forma opcional, la configuración de variables de entorno, para que puedas copiar el que mejor se adapte a tu caso de uso.

El repositorio también incluye herramientas para quienes contribuyen, como un generador basado en plop para crear ejemplos y un hook pre-commit que ejecuta Prettier y ESLint. Algunos ejemplos aparecen en la galería de plantillas de Vercel.

Funciones clave

  • 01Colección de aplicaciones de ejemplo con Next.js y TypeScript, organizadas por tema
  • 02Carpeta solutions independiente con demos y arquitecturas de referencia
  • 03Aplicaciones starter que pueden servir como base para un proyecto nuevo
  • 04Los ejemplos incluyen instrucciones de configuración y plantillas de variables de entorno
  • 05Script generador y análisis de código en el hook pre-commit para quienes contribuyen

Casos de uso

  • Encontrar un punto de partida para un proyecto de Next.js desplegado en Vercel
  • Aprender a implementar un patrón específico, como edge middleware o rutas de API
  • Copiar una arquitectura de referencia para un monorepo o una configuración de protección contra bots

Inicio rápido

  1. 1

    Explora las aplicaciones de ejemplo en las carpetas solutions y starter

  2. 2

    Instala las dependencias del repositorio para contribuir con un nuevo ejemplo

    pnpm i
  3. 3

    Genera un nuevo ejemplo a partir de la plantilla

    pnpm new-example

Antes de usarlo

  • Es una colección de muchos ejemplos independientes, no una sola aplicación que puedas ejecutar en su conjunto.
  • Para contribuir con nuevos ejemplos se necesitan la cadena de herramientas pnpm y las comprobaciones pre-commit de Prettier y ESLint del repositorio.

Temas

#nextjs#examples#typescript#serverless#starter-templates#edge-middleware#vercel

Preguntas frecuentes

¿Qué es examples?
Colección seleccionada de aplicaciones de ejemplo, soluciones y plantillas iniciales de Vercel que muestran patrones para crear aplicaciones en Vercel, principalmente con Next.js. vercel/examples es un monorepo de proyectos de ejemplo mantenido por Vercel. Se divide en dos áreas principales: solutions, que incluye demos, arquitecturas de referencia y buenas prácticas, y starter, que contiene aplicaciones funcionales pensadas para servir como punto de partida de un proyecto nuevo.
¿examples es gratuito? ¿Qué licencia tiene?
examples es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿examples sigue mantenido?
Mantenimiento activo. El último commit de examples fue el 21 oct 2026.
¿Para qué puedo usar examples?
Encontrar un punto de partida para un proyecto de Next.js desplegado en Vercel Aprender a implementar un patrón específico, como edge middleware o rutas de API Copiar una arquitectura de referencia para un monorepo o una configuración de protección contra bots
¿Cómo se instala examples?
Explora las aplicaciones de ejemplo en las carpetas solutions y starter Instala las dependencias del repositorio para contribuir con un nuevo ejemplo: pnpm i Genera un nuevo ejemplo a partir de la plantilla: pnpm new-example
¿Dónde consigo examples?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/vercel/examples

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

Proyectos relacionados