spatz 2 다운로드 - spatz 2 소스 코드 다운로드

spatz 2

기타 소스코드

1.0.0

다운로드

Spatz-2

설명

원래 spatz를 기반으로 Svelte를위한 완전한 풀 스택 템플릿.

라이브 데모 앱

Spatz와 Spatz-2의 차이점은 무엇입니까?

Spatz는 Svelte 및 Daisyui에서 표준 형태를 사용합니다. SPATZ-2는 Svelte-Superforms, Shadcn-Svelte, Stripe Payments 및 Svelte-Animations를 사용합니다.

기술 스택

Sveltekit : 빠른 웹 앱을 구축하기위한 미래의 웹 프레임 워크.
PocketBase : 자체 포함 사용자 인증, 데이터베이스, 관리자 UI 및 API 문서.
Openai : chatgpt 3.5-turbo & 4.0-turbo는 문맥 상 챗봇을 위해.
Vercel AI SDK : 이미지, 텍스트 및 오디오 처리를위한 AI/ML 모델.
Tailwindcss : 빠른 UI 개발을위한 유틸리티 우선 CSS 프레임 워크.
Svelte-Animations : 매직 UI의 벨트 포트.
ZOD : TypeScript-First 스키마 선언 및 유효성 검사.

특징

사용자 인증.
클라이언트의 사용자 프로필 및 설정.
포켓베이스의 관리자 대시 보드.
줄무늬 지불 및 구독.
다크/라이트 모드 테마.
상징적 인 아이콘.
GSAP 애니메이션.
Pallette 명령 (CMD+J).
OpenAi와 AI 챗봇.
포켓베이스가있는 방명록.
ZOD를 통한 클라이언트/서버 유효성 검사와 함께 Svelte-Superforms의 양식.

이미지 설명

시작하기

포켓베이스 설정

PocketBase 인스턴스에 대한 디렉토리를 만들고이를 탐색하십시오.

mkdir pb-spatz-2
cd pb-spatz-2

Pocketbase의 최신 릴리스를 다운로드하고 압축을 풀고 서버를 시작하십시오.

wget https://github.com/pocketbase/pocketbase/releases/download/v0.22.9/pocketbase_0.22.9_linux_amd64.zip
unzip pocketbase_0.22.9_linux_amd64.zip
./pocketbase serve --http= " 0.0.0.0:8090 "

http://localhost:8090/_/ 에서 Pocketbase 관리자 콘솔에 로그인하고 새 데이터베이스를 만듭니다.
설정> 컬렉션 가져 오기로 이동 한 다음 ./pocketbase/pb_schema.json (이 repo에서)의 컨텐츠에 붙여 넣고 가져 오기를 클릭하십시오.

클라이언트 설정

레포를 복제하고 프로젝트 디렉토리로 이동하십시오.

git clone https://github.com/engageintellect/spatz-2
cd spatz-2

.env.example을 복사하고 값을 자신의 것으로 바꾸십시오.

cp .env.example .env.local (or .env)

종속성을 설치하고 개발 서버를 시작하십시오.

pnpm i && pnpm run dev --host

브라우저를 http://localhost:5173 으로 열어 앱을보십시오.

개발

프로젝트 구조

 /src
├── /lib
│   ├── /schema.ts (Zod schema)
│   └── app.d.ts (global types)
├── /assets
│   └── /images
├── /components
│   ├── /magic-ui (svelte-animations)
│   └── /ui (shared components)
├── /stores (global state)
├── /routes
│   ├── /guestbook
│   │   └── /post
│   │       └── /[id]
│   ├── /users
│   │   └── /[id]
│   ├── /technologies
│   ├── /subscriptions
│   ├── /terms
│   ├── /ai
│   │   ├── /chat
│   │   ├── /context
│   │   ├── /a
│   │   ├── /b
│   │   └── /c
│   ├── /donate
│   │   ├── /cancel (redirect when cancelling stripe payment)
│   │   └── /success (redirect after successful stripe payment)
│   ├── /checkout
│   │   ├── /payment (redirect when cancelling stripe payment)
│   │   ├── /cancel (redirect when cancelling stripe payment)
│   │   └── /success (redirect after successful stripe payment)
│   ├── /api
│   │   ├── /repo-data (fetch github repository stars)
│   │   ├── /fortune (fetch random tech founder quote)
│   │   ├── /chat (OpenAI streaming API)
│   │   └── /donate (for stripe payments)
│   │__ /auth (Pocketbase auth)
│   │   ├── /login
│   │   ├── /register
│   │   ├── /logout
│   │   └── /reset-password
│   └── /my (user-specific routes)
│       ├── /profile
│       ├── /account
│       ├── /billing (for subscriptions)
│       └── /settings
/pocketbase
├── pb_schema.json
/static
└── /docs (general documentation)