ln-dev7/landing-pages

어떤 프로젝트인가요?

핵심 기능

• 01커스터마이징한 shadcn/ui 컴포넌트를 활용한 Next.js 및 Tailwind CSS 기반
• 02각 랜딩 페이지를 독립적으로 실행 가능한 프로젝트로 제공
• 03여러 페이지에서 인터랙티브 3D 장면 제공
• 04빌드 과정이 필요 없는 www/ 내 정적 쇼케이스 사이트
• 05변경되지 않은 프로젝트의 빌드를 건너뛰는 Vercel 배포 안내

활용 사례

• Next.js로 개성 있고 콘셉트가 뚜렷한 랜딩 페이지를 만드는 방법 학습
• 작동하는 템플릿을 바탕으로 마케팅 페이지나 포트폴리오 페이지 제작
• React 코드베이스에서 3D 및 인터랙티브 웹 비주얼 탐색
• 하나의 모노레포에서 여러 소규모 사이트를 Vercel에 배포

빠른 시작

1. 1

   프로젝트 폴더(예: fallow)로 이동합니다

   cd landing-pages/fallow
2. 2

   pnpm으로 종속성을 설치합니다

   pnpm install
3. 3

   개발 서버를 시작합니다

   pnpm dev

사용 전 알아둘 점

• !Node.js 20.9 이상과 pnpm이 필요합니다.
• !Sundaze의 Canvas UI 효과에는 MIT + Commons Clause가 적용되며, 상업적 이용이 제한됩니다.
• !글꼴, 이미지 및 타사 구성 요소에는 각각 자체 라이선스가 적용됩니다.

토픽

자주 묻는 질문

landing-pages은(는) 무엇인가요?

Next.js, Tailwind CSS, shadcn/ui로 만든 개성 있는 오픈소스 랜딩 페이지 모음으로, 각 페이지는 독립 프로젝트입니다. 이 저장소에는 콘셉트가 뚜렷한 랜딩 페이지가 모여 있습니다. 유령의 집을 탐험하는 3D 여정, 인터랙티브 서핑 스쿨을 갖춘 서핑 클럽, 독립 볼더링 클럽 등을 주제로 합니다. landing-pages/ 아래의 각 폴더는 pnpm으로 별도로 설치하고 실행할 수 있는 독립적인 Next.js 프로젝트입니다.

landing-pages은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

landing-pages은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

landing-pages은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. landing-pages의 마지막 커밋은 2026년 11월 6일입니다.

landing-pages은(는) 어디에 사용할 수 있나요?

Next.js로 개성 있고 콘셉트가 뚜렷한 랜딩 페이지를 만드는 방법 학습 작동하는 템플릿을 바탕으로 마케팅 페이지나 포트폴리오 페이지 제작 React 코드베이스에서 3D 및 인터랙티브 웹 비주얼 탐색 하나의 모노레포에서 여러 소규모 사이트를 Vercel에 배포

landing-pages는 어떻게 설치하나요?

프로젝트 폴더(예: fallow)로 이동합니다: cd landing-pages/fallow pnpm으로 종속성을 설치합니다: pnpm install 개발 서버를 시작합니다: pnpm dev

landing-pages은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/ln-dev7/landing-pages