Repolode
Предложить
ln-dev7

ln-dev7/landing-pages

Коллекция самобытных лендингов с открытым исходным кодом на Next.js, Tailwind CSS и shadcn/ui; каждый — отдельный проект.

Открыть на GitHubСайт
Звёзды
217
Форки
38
Открытые issues
0
Последний коммит
вчера

Что это?

В репозитории собраны лендинги, каждый из которых посвящён отдельной концепции: например, 3D-путешествию по дому с привидениями, сёрф-клубу с интерактивной школой сёрфинга или независимому клубу боулдеринга. Каждая папка в landing-pages/ — самостоятельный проект Next.js, который можно отдельно установить и запустить с помощью pnpm.

Страницы созданы на Next.js и Tailwind CSS и используют существенно доработанные компоненты shadcn/ui. В нескольких проектах 3D-сцены и интерактивная графика лежат в основе страницы, а не служат статичными секциями. В отдельной папке www/ находится статический сайт-витрина с коллекцией, созданный на обычных HTML, CSS и JavaScript без этапа сборки.

В репозитории также есть инструкции по развёртыванию на Vercel: для каждого проекта предусмотрены отдельные настройки и механизм, который пропускает сборку папок, не изменившихся с момента последнего деплоя. Код распространяется по лицензии MIT, а у шрифтов, изображений и некоторых сторонних компонентов свои лицензии.

Ключевые возможности

  • 01Основа на Next.js и Tailwind CSS с доработанными компонентами shadcn/ui
  • 02Каждый лендинг — самостоятельный проект, который можно запустить отдельно
  • 03На нескольких страницах есть интерактивные 3D-сцены
  • 04Статический сайт-витрина в www/ без этапа сборки
  • 05Инструкции по развёртыванию на Vercel с пропуском сборки неизменившихся проектов

Сценарии использования

  • Изучение создания выразительных лендингов, построенных вокруг конкретной концепции, на Next.js
  • Использование готового шаблона для создания маркетинговой или портфолио-страницы
  • Изучение 3D-графики и интерактивной визуализации в кодовой базе на React
  • Развёртывание нескольких небольших сайтов из одного монорепозитория на Vercel

Быстрый старт

  1. 1

    Перейдите в папку проекта (например, fallow)

    cd landing-pages/fallow
  2. 2

    Установите зависимости с помощью pnpm

    pnpm install
  3. 3

    Запустите сервер разработки

    pnpm dev

Что важно знать

  • Требуются Node.js 20.9 или новее и pnpm.
  • На эффекты Canvas UI в Sundaze распространяется MIT + Commons Clause, которая ограничивает коммерческое использование.
  • Шрифты, изображения и сторонние компоненты сохраняют собственные лицензии.

Темы

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

Частые вопросы

Что такое landing-pages?
Коллекция самобытных лендингов с открытым исходным кодом на Next.js, Tailwind CSS и shadcn/ui; каждый — отдельный проект. В репозитории собраны лендинги, каждый из которых посвящён отдельной концепции: например, 3D-путешествию по дому с привидениями, сёрф-клубу с интерактивной школой сёрфинга или независимому клубу боулдеринга. Каждая папка в landing-pages/ — самостоятельный проект Next.js, который можно отдельно установить и запустить с помощью pnpm.
landing-pages можно использовать бесплатно? Какая у него лицензия?
landing-pages распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
landing-pages всё ещё поддерживается?
Активно поддерживается. Последний коммит в landing-pages — 6 нояб. 2026 г..
Для чего можно использовать landing-pages?
Изучение создания выразительных лендингов, построенных вокруг конкретной концепции, на Next.js Использование готового шаблона для создания маркетинговой или портфолио-страницы Изучение 3D-графики и интерактивной визуализации в кодовой базе на React Развёртывание нескольких небольших сайтов из одного монорепозитория на Vercel
Как установить landing-pages?
Перейдите в папку проекта (например, fallow): cd landing-pages/fallow Установите зависимости с помощью pnpm: pnpm install Запустите сервер разработки: pnpm dev
Где скачать landing-pages?
Исходный код и инструкции по установке — на GitHub: https://github.com/ln-dev7/landing-pages

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты