shadcn nextjs boilerplate

웹사이트 • 문서 • PRO 버전 • 무료 템플릿 • Twitter

첫 번째 관리 대시보드 Shadcn UI NextJS 상용구를 사용하여 며칠 내에 SaaS 스타트업을 시작하세요. 지금 Horizon AI Boilerplate를 시작해보세요!

소개

Horizon AI Boilerplate는 Shadcn UI, NextJS 및 Tailwind CSS용으로 제작된 최초의 오픈 소스 관리 대시보드 OpenAI ChatGPT AI 템플릿입니다! 뛰어난 Chat AI SaaS 앱을 더 빠르게 생성해 보세요.

버튼, 입력, 탐색 모음, 탐색 탭, 카드 또는 알림과 같은 30개 이상의 어두운/밝은 프런트엔드 개별 요소가 함께 제공되므로 자유롭게 선택하고 결합할 수 있습니다.

선적 서류 비치

각 요소는 매우 복잡한 문서에 잘 표시되어 있습니다. 여기에서 문서에 대한 자세한 내용을 읽을 수 있습니다.

빠른 시작

다음 중 하나를 실행하여 Horizon ChatGPT AI 템플릿을 설치합니다.

• NodeJs 공식 페이지에서 NodeJS LTS를 설치하세요. (참고: 제품은 LTS 버전에서만 작동합니다.)

다음 명령어를 사용하여 저장소를 복제합니다.

git clone https://github.com/horizon-ui/shadcn-nextjs-boilerplate.git

터미널에서 다음 명령을 실행하세요.

 npm install

 npm run init

그런 다음 이 명령을 실행하여 로컬 서버를 시작합니다.

 npm run dev

API 키가 작동하지 않습니까?

• ChatGPT를 사용하려면 OpenAI 계정과 유효한 API 키가 있는지 확인하세요. 우리는 API 키를 판매하지 않습니다.
• OpenAI 결제 페이지에 결제 정보가 추가되어 있는지 확인하세요. 결제 정보가 없으면 API 키가 작동하지 않습니다.
• 앱이 OpenAI API 서버에 연결하여 API 키가 제대로 작동하는지 확인합니다.

피그마 버전

Horizon AI Boilerplate는 Figma 형식으로도 제공됩니다! 여기서 확인해보세요! ?

예제 섹션

시작 프로젝트에 대한 영감을 얻거나 고객에게 직접 무언가를 보여주고 싶다면 사전 구축된 예제 섹션을 사용하여 개발을 시작할 수 있습니다. 웹 프로젝트의 기본 구조를 빠르게 설정할 수 있습니다.

여기에서 예시 섹션을 확인하세요.

---

프로 버전

PRO 버전으로 엄청난 양의 구성 요소와 페이지를 잠금 해제하세요 - 자세히 알아보기

---

보고 문제

우리는 Horizon UI의 공식 버그 추적기로 GitHub Issues를 사용합니다. 문제를 보고하려는 사용자를 위한 몇 가지 조언은 다음과 같습니다.

1. 최신 버전의 Horizon UI 상용구를 사용하고 있는지 확인하세요. 변경 로그 파일에서 대시보드의 변경 로그를 확인하세요.

1. 문제에 대해 재현 가능한 단계를 제공하면 문제를 해결하는 데 걸리는 시간이 단축됩니다.

3. 일부 문제는 브라우저별로 다를 수 있으므로 문제가 발생한 브라우저를 지정하면 도움이 될 수 있습니다.

---

지역 사회

커뮤니티와 연결하세요! 자유롭게 질문하고, 문제를 보고하고, 이미 Horizon UI를 사용하고 있는 새로운 사람들을 만나보세요!

#HorizonUI Discord 커뮤니티에 참여하세요!

저작권 및 라이센스

️ 저작권 2024 호라이즌 UI

? Horizon UI 라이선스

---

크레딧

다음을 포함하여 이 멋진 상용구 패키지를 만드는 데 도움을 준 오픈 소스 리소스에 특별히 감사드립니다.

• Shadcn UI 라이브러리
• NextJS 구독 결제
• mckaywrigley의 ChatBot UI