alan345/AI-Fullstack-SaaS-Boilerplate

Fullstack SaaS Boilerplate built with tRPC, Fastify and React

何を解決するか

開発者が認証、データベースの設定、APIの構築といった繰り返し作業に時間を費やすことなく、AIを活用したSaaSアプリケーションを構築できる、本番環境対応のスタートアップポイントを提供します。

動作方法

このプロジェクトは、現代的なTypeScriptスタックを統合したフルスタックモノレポです。バックエンドにはFastify、フロントエンドにはReact 19、クライアントとサーバー間のエンドツーエンド型安全を保証するためにtRPCを使用しています。AI機能にはOpenAIのAPIを活用し、WebSocketの複雑さを避けながらリアルタイムAIチャットストリーミングを実現するため、Server-Sent Events (SSE) を実装しています。

対象ユーザー

SEO向けのウェブサイトではなく、Webアプリケーションを開発する開発者で、開発者体験、型安全、AI対応サービスの迅速なデプロイを重視する方々です。

特徴

  • エンドツーエンド型安全: tRPCを使用してフロントエンドとバックエンドの型を同期します。
  • AIチャット統合: OpenAIのサポートとSSEによるストリーミングレスポンスを内蔵しています。
  • モダンなスタック: Fastify、Drizzle ORM、Postgres、Tailwind CSS v4を組み合わせています。
  • 静的フロントエンド: フロントエンドを静的ファイルとしてホスティング可能(例:AWS S3)であり、Next.jsサーバーに依存しません。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト