platforms

플랫폼 스타터 키트

올인원 스타터 키트
멀티 테넌트 응용 프로그램 구축.

소개 · 데모 · 자신의 배포 · 가이드 · 주방 싱크 · 기여

소개

플랫폼 스타터 키트는 다중 테넌시 및 사용자 정의 도메인 지원 기능을 갖춘 Full-Stack Next.js 앱입니다. Next.js 앱 라우터, Vercel Postgres 및 Vercel 도메인 API로 구축되었습니다.

다음은 30 초의 빠른 데모입니다.

플랫폼 .V2.mp4

특징

1. 다중 테넌시 : Vercel 도메인 API를 사용하여 사용자에게 무제한 사용자 정의 도메인, 하위 도메인 및 SSL 인증서를 프로그래밍 방식으로 할당
2. 성능 : 빠르고 아름다운 블로그 게시물은 Vercel의 에지 네트워크를 통해 캐시 링되어 증분 정적 재생을 사용하여 주문형 (사용자 revalidateTag 변경할 때)을 무효화 할 수 있습니다.
3. AI 편집기 : 개념 스타일의 작문 경험을위한 AI-Powered Markdown 편집기 소설
4. 이미지 업로드 : 드래그 앤 드롭 / 복사 및 붙여 넣기 이미지 업로드, vercel blob의 지원
5. 사용자 정의 스타일 : 사용자 정의 글꼴, 404 페이지, 파비콘, 각 사이트의 사이트 맵을 통해 JS 파일 기반 메타 데이터 API
6. Dynamic OG 카드 : 각 블로그 게시물에는 @vercel/og로 구동되는 동적 OG 이미지가 제공됩니다.
7. 다크 모드 : 밤에 더 나은 사용자 경험을 위해
8. 멀티 테넌트 미리보기 URL : Vercel 미리보기 URL을 사용하여 클라이언트 사이트의 미리보기. 자세히 알아보십시오.

직접 배포하십시오

Vercel을 사용 하여이 스타터 키트의 나만의 버전을 배포하십시오.

이 템플릿의 자신만의 버전을 개발하는 방법을 배우기 위해 안내서를 읽을 수도 있습니다.

다중 테넌트 응용 프로그램이란 무엇입니까?

멀티 테넌트 응용 프로그램은 단일 통합 코드베이스를 사용하여 다양한 하위 도메인/사용자 정의 도메인의 여러 고객에게 서비스를 제공합니다.

예를 들어, 우리의 데모는 다중 테넌트 응용 프로그램입니다.

• 하위 도메인 : demo.vercel.pub
• 사용자 정의 도메인 : Platformize.co (지도에서 Demo.vercel.pub에지도)
• 직접 구축하십시오 : app.vercel.pub

또 다른 예는 인기있는 블로깅 플랫폼 인 Hashhnode입니다. 각 작가는 블로그에 고유 한 .hashnode.dev subdomain을 가지고 있습니다.

• eda.hashnode.dev
• katycodesstuff.hashnode.dev
• akoskm.hashnode.dev

사용자는 사용자 정의 도메인을 .hashnode.dev subdomain에 매핑 할 수도 있습니다.

• akoskm.com → akoskm.hashnode.dev

플랫폼 스타터 키트를 사용하면 사용자 정의 네임 서버에 대해 걱정하거나 SSL 인증서를 구성하지 않고도 고객에게 추가 비용없이 무제한 사용자 정의 도메인을 고객에게 프리미엄 기능으로 제공 할 수 있습니다.

플랫폼의 예

Hashhnode, Super 및 Cal.com과 같은 Vercel 고객은 Vercel 및 Next.js 위에 확장 가능한 플랫폼을 구축하고 있습니다. 이 스타터 키트로 구축 할 수있는 여러 유형의 플랫폼이 있습니다.

1. 컨텐츠 제작 플랫폼

이들은 단순하고 표준화 된 페이지 레이아웃 및 경로 구조를 갖춘 콘텐츠가 많은 플랫폼 (블로그)입니다.

"Vercel을 사용하면 인프라 관리에 시간이 줄어들고 사용자에게 가치를 제공하는 데 더 많은 시간을 소비합니다." -공동 창립자 인 Sandeep Panda는 Hashnode입니다

1. Hashhnode
2. mintlify
3. read.cv

2. 웹 사이트 및 전자 상거래 상점 빌더

사용자 정의 가능한 페이지가있는 코드가없는 사이트 빌더.

Super는 Next.js와 Vercel을 사용하여 No Code 편집기 (개념)가있는 빠른 전 세계적으로 분산 된 웹 사이트를 보유하고 있습니다. 고객은 코드를 터치하지 않고 Next.js (예 : 이미지 최적화)의 모든 이점을 얻습니다.

1. Super.so
2. typedream
3. Makeswift

3. B2B2C 플랫폼

다중 테넌트 인증, 로그인 및 액세스 컨트롤.

Vercel과 Next.js를 사용하면 Instatus와 같은 플랫폼은 경쟁 업체보다 10 배 빠른 상태 페이지를 만들 수 있습니다.

1. Instatus
2. cal.com
3. 서투른 사람

오픈 소스에 구축되었습니다

이 작업 작업 데모 사이트는 플랫폼 스타터 키트를 사용하여 구축되었습니다.

• reft 프레임 워크로서 JS
• CSS 스타일을위한 꼬리 바람
• 데이터베이스 액세스를위한 ORM으로 이슬비
• Wysiwyg 편집기 소설
• 데이터베이스의 vercel postgres
• 이미지 업로드를위한 vercel blob
• 인증을위한 NextAuth.js
• 차트에 대한 진전
• 배포를위한 Vercel

기여

• 질문, 피드백 또는 팀과 공유하려는 아이디어로 토론을 시작하십시오.
• 스타터 키트로 버그가 발생했다고 생각되면 문제를 엽니 다.

작가

• Steven Tey (@steventey)

특허

MIT 라이센스.

---