제가 직접 개발한 세 번째 프로젝트인 TinyShip이 오늘tinyship.cnt.co/o0BI6W8DRb 언뜻 보면 흔한 SaaS 템플릿처럼 보일 수도 있지만, 저는 전혀 새로운 것을 만들어내는 것이 아니라고 생각합니다. 시중에는 수많은 SaaS 템플릿이 있지만, 제가 만들고자 하는 것은 완전히 새롭고 차별화된 경험입니다. 1. 두 가지 프레임워크를 지원합니다. 다양한 프레임워크 애호가들의 요구를 충족시키기 위해 Next.js와 Nuxt.js 두 가지 프레임워크를 모두 지원하는 디자인을 채택했으며, 이는 제가 본 최초의 Nuxt 템플릿입니다. 2. 국내외 프로젝트에 완벽하게 적응 가능한 이중 시장 전략을 채택했습니다. 국내에서는 위챗 로그인/위챗 페이/알리바바 클라우드 SMS를 지원하고, 해외에서는 스트라이프 및 크림 결제, 주요 OAuth 로그인, 트윌리오 SMS를 지원합니다. 개인 프로젝트에 있어서 많은 사람들이 글로벌 진출을 주장하고, 시중에 나와 있는 대부분의 템플릿도 해외 프로젝트를 염두에 두고 디자인되었습니다. 하지만 저는 독립 개발이라고 해서 국내 시장을 간과해서는 안 된다고 생각합니다. 중국 시장의 지불 의사가 낮다는 이야기가 많지만, 때로는 경쟁이 치열한 해외 시장보다 가장 친숙한 국내 시장에서 성공할 가능성이 더 높습니다. 가격 책정에 관해 말씀드리자면, 대부분의 SaaS 템플릿은 해외 아키텍처와 유사하게 100달러에서 200달러 사이의 가격대로 책정됩니다. 하지만 저는 높은 품질을 저렴한 가격에 제공하여 더 많은 개발자들이 부담 없이 사용할 수 있도록 하는 것을 목표로 하고 있습니다. 따라서 가격은 299위안이며, 얼리버드 가격은 199위안으로 책정하여 대부분의 개발자들이 구매할 수 있도록 했습니다. 자세한 내용은 아래를 참조하세요 👇
건축학: 앞서 언급했듯이 엔지니어들은 프레임워크 선택에 어려움을 겪는 경우가 많기 때문에 저는 제 애플리케이션에서 가장 인기 있는 풀스택 프레임워크 두 가지를 사용했습니다. Next.js: React 애호가를 위한 도구 - Nuxt.js: Vue 개발자를 위해 설계되었습니다 저도 Vue 애호가입니다. 그래서 이 사이트는 Nuxt를 사용하여 Vue 기반으로 구축되었습니다. PNPM 기반 모노레포 아키텍처의 간소화된 버전이 사용되어 두 애플리케이션이 기본 모듈을 공유할 수 있습니다. - 통합 인증 시스템 - 공유 데이터베이스 계층 - 일관된 결제 인터페이스 - 동일한 비즈니스 로직
기술 스택: 저는 기술력이 뛰어난 최신 풀스택 프로젝트를 만들고 싶어서 다음과 같은 최신 기술들을 사용하고 있습니다. - TailwindCSS v4: 최신 원자적 CSS 프레임워크 - shadcn/ui: 최신 컴포넌트 라이브러리 - TypeScript: 완벽한 타입 안정성 - Zod: 런타임 타입 유효성 검사 Better-Auth: 기업용 인증 시스템 - Drizzle ORM + PostgreSQL: 타입 안전성을 보장하는 데이터베이스 작업 - CASL: 유연한 접근 제어 - Vercel AI SDK: AI 기능 통합
국내 및 국제 이중 시스템 지원 하나의 코드베이스로 두 시장을 모두 커버합니다. 국내: 위챗 로그인 및 휴대폰 번호 로그인 해외: OAuth 로그인(Google, GitHub, Apple), Twilio 휴대폰 번호 로그인 결제: 위챗 페이, Stripe, Creem 국내 시장과 해외 시장 간의 원활한 전환
벤더에 구애받지 않는 아키텍처 이 플랫폼은 벤더에 구애받지 않는 아키텍처를 채택하여 사용자가 클라우드 서비스 제공업체, 데이터베이스 및 결제 제공업체를 자유롭게 선택할 수 있도록 하며, 통합 API 설계를 활용합니다. 모든 제공업체가 일관된 인터페이스를 사용함으로써 다음과 같은 결과를 달성합니다. - 매개변수 하나만 변경하면 전환할 수 있습니다. - 코드 수정이 필요 없습니다 - 완전히 분리된 서비스 계층 현재 통합된 클라우드 서비스는 다음과 같으며, 향후 지속적으로 더 많은 서비스가 추가될 예정입니다. 결제 수단: 위챗페이, 스트라이프 크림, 알리페이(예정) 이메일 서비스: 재전송 SMS 서비스: Twilio, Alibaba Cloud
인공지능 및 인공지능 기반 개발: Vercel AI SDK: 다양한 AI 제공업체를 지원합니다. 이 애플리케이션은 확장 가능한 디자인을 갖춘 간단하고 대규모의 대화 모델을 구현합니다. AI SDK, AI Elements, Streamdown 등 최신 기술을 활용하여 매우 원활한 채팅 경험을 제공합니다. 필요에 따라 더 복잡한 기능으로 확장할 수 있습니다. 향후 더욱 간편한 사용을 위해 더욱 복잡한 데모가 지속적으로 출시될 예정입니다. 개발 효율성 측면에서 보면, 각 모듈에는 자체적으로 미리 작성된 https://t.co/jrvQOAxGGR 및 커서 규칙이 있어 AI를 사용하여 기능을 더 쉽게 확장할 수 있습니다.
내장 관리자 패널 기본 제공되는 관리 백엔드는 간편한 사용자 관리, 구독 관리 및 주문 관리 기능을 제공합니다. 최신 UI 컴포넌트 라이브러리를 기반으로 구축되었으며, 역할 기반 접근 제어 및 기타 기능을 지원합니다. 이를 통해 반복적인 관리 인터페이스 개발보다는 비즈니스 로직에 집중할 수 있습니다.