Repolode
Enviar
vercel

vercel/examples

Coleção selecionada de apps de exemplo, soluções e templates iniciais da Vercel que mostram padrões para criar apps na plataforma, principalmente com Next.js.

Ver no GitHub
Estrelas
5,157
Forks
1,840
Issues abertas
283
Último commit
há 14 horas

O que é?

vercel/examples é um monorepo de projetos de exemplo mantido pela Vercel. Ele é dividido em duas áreas principais: solutions, com demos, arquiteturas de referência e boas práticas, e starter, com aplicações funcionais pensadas para servir de ponto de partida para um novo projeto.

A maioria dos exemplos é criada com Next.js e TypeScript, e muitos demonstram integrações como edge middleware, funções serverless e serviços de terceiros. Cada exemplo fica em sua própria pasta, com README e package.json próprios e, opcionalmente, configuração de variáveis de ambiente, para que você possa copiar o mais próximo do seu caso de uso.

O repositório também inclui ferramentas para quem contribui, como um gerador baseado em plop para criar novos exemplos e um hook de pre-commit que executa Prettier e ESLint. Alguns exemplos são destaque na galeria de templates da Vercel.

Recursos principais

  • 01Coleção de apps de exemplo com Next.js e TypeScript, organizados por tema
  • 02Pasta solutions separada para demos e arquiteturas de referência
  • 03Aplicações iniciais que podem servir de base para um novo projeto
  • 04Os exemplos incluem instruções de configuração e templates de variáveis de ambiente
  • 05Script gerador e verificação de código no pre-commit para quem contribui

Casos de uso

  • Encontrar um ponto de partida para um projeto Next.js implantado na Vercel
  • Aprender a implementar um padrão específico, como edge middleware ou rotas de API
  • Copiar uma arquitetura de referência para um monorepo ou uma configuração de proteção contra bots

Início rápido

  1. 1

    Explore os aplicativos de exemplo nas pastas solutions e starter

  2. 2

    Instale as dependências do repositório para contribuir com um novo exemplo

    pnpm i
  3. 3

    Gere um novo exemplo a partir do template

    pnpm new-example

Antes de usar

  • Esta é uma coleção de vários exemplos independentes, não um único aplicativo que possa ser executado por completo.
  • Para contribuir com novos exemplos, são necessárias a toolchain do pnpm e as verificações pre-commit de Prettier e ESLint do repositório.

Tópicos

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

Perguntas frequentes

O que é examples?
Coleção selecionada de apps de exemplo, soluções e templates iniciais da Vercel que mostram padrões para criar apps na plataforma, principalmente com Next.js. vercel/examples é um monorepo de projetos de exemplo mantido pela Vercel. Ele é dividido em duas áreas principais: solutions, com demos, arquiteturas de referência e boas práticas, e starter, com aplicações funcionais pensadas para servir de ponto de partida para um novo projeto.
examples é gratuito? Qual é a licença?
examples é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
examples ainda é mantido?
Manutenção ativa. O último commit de examples foi em 21 de out. de 2026.
Para que posso usar examples?
Encontrar um ponto de partida para um projeto Next.js implantado na Vercel Aprender a implementar um padrão específico, como edge middleware ou rotas de API Copiar uma arquitetura de referência para um monorepo ou uma configuração de proteção contra bots
Como instalar examples?
Explore os aplicativos de exemplo nas pastas solutions e starter Instale as dependências do repositório para contribuir com um novo exemplo: pnpm i Gere um novo exemplo a partir do template: pnpm new-example
Onde consigo examples?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/vercel/examples

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados