Шаблон блога на Next.js для публикаций в MDX, со стилями Tailwind CSS и TypeScript, готовый к деплою на Vercel.
vercel/examples
Подборка примеров приложений, решений и стартовых шаблонов от Vercel, демонстрирующих подходы к разработке приложений на Vercel, преимущественно с Next.js.
- Звёзды
- 5,157
- Форки
- 1,840
- Открытые issues
- 283
- Последний коммит
- 12 часов назад
Что это?
vercel/examples — монорепозиторий с примерами проектов, который поддерживает Vercel. Он разделён на две основные части: solutions с демо, эталонными архитектурами и лучшими практиками и starter с готовыми приложениями, которые можно взять за основу нового проекта.
Большинство примеров создано на Next.js и TypeScript; многие демонстрируют интеграции с edge middleware, serverless-функциями и сторонними сервисами. Каждый пример находится в отдельной папке со своим README, package.json и, при необходимости, настройками переменных окружения — так можно скопировать пример, наиболее подходящий для вашей задачи.
В репозитории также есть инструменты для контрибьюторов: например, генератор новых примеров на базе plop и pre-commit hook, запускающий Prettier и ESLint. Некоторые примеры представлены в галерее шаблонов Vercel.
Ключевые возможности
- 01Подборка примеров приложений на Next.js и TypeScript, сгруппированных по темам
- 02Отдельная папка solutions с демо и эталонными архитектурами
- 03Стартовые приложения, которые можно взять за основу нового проекта
- 04В примерах есть инструкции по настройке и шаблоны переменных окружения
- 05Скрипт-генератор и проверка кода при коммите для контрибьюторов
Сценарии использования
- Поиск отправной точки для проекта на Next.js, который будет развёрнут на Vercel
- Изучение реализации конкретного подхода, например edge middleware или API routes
- Копирование эталонной архитектуры монорепозитория или настройки защиты от ботов
Быстрый старт
- 1
Посмотрите примеры приложений в папках solutions и starter
- 2
Установите зависимости репозитория, чтобы добавить новый пример
pnpm i - 3
Создайте новый пример из шаблона
pnpm new-example
Что важно знать
- Это коллекция множества отдельных примеров, а не одно приложение, которое можно запустить целиком.
- Для добавления новых примеров требуются инструментарий pnpm и проверки Prettier и ESLint перед коммитом в репозитории.
Темы
Частые вопросы
- Что такое examples?
- Подборка примеров приложений, решений и стартовых шаблонов от Vercel, демонстрирующих подходы к разработке приложений на Vercel, преимущественно с Next.js. vercel/examples — монорепозиторий с примерами проектов, который поддерживает Vercel. Он разделён на две основные части: solutions с демо, эталонными архитектурами и лучшими практиками и starter с готовыми приложениями, которые можно взять за основу нового проекта.
- examples можно использовать бесплатно? Какая у него лицензия?
- examples распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- examples всё ещё поддерживается?
- Активно поддерживается. Последний коммит в examples — 21 окт. 2026 г..
- Для чего можно использовать examples?
- Поиск отправной точки для проекта на Next.js, который будет развёрнут на Vercel Изучение реализации конкретного подхода, например edge middleware или API routes Копирование эталонной архитектуры монорепозитория или настройки защиты от ботов
- Как установить examples?
- Посмотрите примеры приложений в папках solutions и starter Установите зависимости репозитория, чтобы добавить новый пример: pnpm i Создайте новый пример из шаблона: pnpm new-example
- Где скачать examples?
- Исходный код и инструкции по установке — на GitHub: https://github.com/vercel/examples
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Коллекция устанавливаемых наборов инструкций, которые дают AI-агентам для кодинга знания о Vercel и лучших практиках React/Next.js.
Превращает рабочее пространство Notion в настраиваемый публичный сайт для блога, портфолио, документации и лендингов на Next.js и Notion API.
Создаёт из вставленной ссылки или текстового запроса проморолик длиной 20–40 секунд: Claude Opus пишет его на HTML, а бессерверный агент рендерит в MP4.
Большая коллекция open-source AI-агентов, навыков для агентов и RAG-приложений на базе моделей Claude, Gemini, GPT, DeepSeek, Llama и Qwen.
Коллекция Java-кода с реализациями классических и современных паттернов проектирования и подробными примерами для каждого из них.