qianshuixia/shrimpreel

これは何？

主な機能

• 01バックエンド全体にCloudflare Workers、D1、R2、KV、Queuesを採用
• 02Googleサインイン、クレジットパック、月額または年額サブスクリプション
• 03Waffo Pancake、Dodo Payments、Stripeから決済手段を選択可能。返金時にはクレジットも差し引き
• 04デッドレター処理と、失敗時にクレジットを自動返却する生成キュー
• 05注文、ユーザー、生成、削除要請、引き換えコード、紹介を管理する管理コンソール
• 06SSR、サイトマップ、JSON-LDに対応した英語・簡体字中国語の二言語ページ

ユースケース

• トレンドのダンスやフィルターのキーワードに紐づく、短期間運用のAI動画サイトを立ち上げる
• 請求機能を一から構築せずに、Cloudflare上で有料の画像から動画を生成するSaaSを始める
• 複数のキーワード別サイトを1つのコードベースで運用し、git mergeで上流の修正を取り込む

クイックスタート

1. 1

   テンプレートリポジトリをクローンする

   git clone https://github.com/qianshuixia/shrimpreel.git moonhop && cd moonhop
2. 2

   依存関係をインストールする（npm 11.19 以降）

   npm install
3. 3

   .dev.vars.example を .dev.vars にコピーし、SESSION_SECRET を設定してから、マイグレーションを適用し、ローカルの R2 にシードデータを投入する

   npm run seed:local
4. 4

   開発サーバーを起動し、http://127.0.0.1:3000 を開く

   npm run dev -- --host 127.0.0.1

使う前に知っておきたいこと

• !Cloudflare Workers、D1、R2、KV、Queues を中心に構築されているため、本番環境で実行するには Cloudflare アカウントが必要です。
• !本番環境での利用には実際の決済プロバイダーと動画プロバイダーのアカウントが必要です。デフォルトのモックプロバイダーでは課金も新たな生成も行われません。
• !README とドキュメントの大部分は中国語です。

収録されている特集

トピック

よくある質問

shrimpreel とは？

Cloudflareを基盤に、トレンドキーワードごとに1サイトを構築する、写真1枚からAI動画を生成するSaaSサイト向けのオープンソーステンプレート。 ShrimpReelは、ユーザーが写真を1枚アップロードすると、バズったテンプレートに沿ったAI生成動画を受け取れるWebサイトのスターターテンプレートです。トレンドキーワードごとに複製して使うことを想定しており、新しいリポジトリを作成してサイト設定を変更し、自分のコピーとメディア素材に差し替えてデプロイします。アプリケーション側にはTanStack StartとHonoを使い、スタック全体はCloudflare Workers、D1、R2、KV、Queues、Rate Limiting、Cron Triggers上で動作します。

shrimpreel は無料で使えますか？ライセンスは？

shrimpreel は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

shrimpreel は今もメンテナンスされていますか？

活発にメンテナンス中。shrimpreel の最終コミットは 2026年11月5日 です。

shrimpreel は何に使えますか？

トレンドのダンスやフィルターのキーワードに紐づく、短期間運用のAI動画サイトを立ち上げる 請求機能を一から構築せずに、Cloudflare上で有料の画像から動画を生成するSaaSを始める 複数のキーワード別サイトを1つのコードベースで運用し、git mergeで上流の修正を取り込む

shrimpreel のインストール方法は？

テンプレートリポジトリをクローンする: git clone https://github.com/qianshuixia/shrimpreel.git moonhop && cd moonhop 依存関係をインストールする（npm 11.19 以降）: npm install .dev.vars.example を .dev.vars にコピーし、SESSION_SECRET を設定してから、マイグレーションを適用し、ローカルの R2 にシードデータを投入する: npm run seed:local 開発サーバーを起動し、http://127.0.0.1:3000 を開く: npm run dev -- --host 127.0.0.1

shrimpreel はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/qianshuixia/shrimpreel