サイド プロジェクト スターター パック

私は過去数年間、いくつかのサイド プロジェクトに取り組んできましたが、最も重要なことはアイデアを検証するために物事を迅速に完了することであると認識しました。最も良い点は、大規模な言語モデル (AI) のおかげだけでなく、主に優れた開発者エクスペリエンスを備えた多くの既存のツールのおかげで、これを非常に高速に実行できることです。次の投稿では、エンドツーエンド アプリケーションのプロトタイプの作成に使用できるツールをまとめています。

アプリケーション例

この機能を実証するために、株価を追跡し、特定の銘柄に関するメッセージをフィードに要約し、電子メールを送信するアプリケーションでこの機能を紹介します。アプリのアイデアが成功したかどうかを測ることは非常に重要だと思うので、アナリティクスも実装します!

ツール

次のツールは、市場投入までの時間 という 1 つの指標に基づいて選択されます。

は、アプリケーションがユーザーに利用可能になるまでの時間を測定します。

クライアント

Next.js、React Query、Tailwind & Shadcn

この組み合わせは素晴らしく、数時間でアプリケーションを構築するのに役立つと思います。

ヒント 1: v0.dev を試してください。これにより、サンプル アプリケーションの UI 全体が生成されました。

ヒント 2: すべての TanStack ライブラリを確認します。私も TanStack From を使用しています。

バックエンド

スーパーベース

Supabase は、主に次のような初期のバックエンド ニーズの 80 ～ 90% を解決すると思います。

データベース
認証
ストレージ (画像などをアップロードする必要がある場合)

また、GraphQL のようなクエリも素晴らしいです!

パン

最良のアプローチは、どこかからデータを取得して保存するなどの単純なタスク用の単純なスクリプトを作成することであることがわかりました。重要なことは、完璧にすることではなく、市場投入までの時間

であることを忘れないでください。

興味深いのは Bun (Node.js に似た高速 JavaScript ランタイム) です。それは:

超高速
そのまま TypeScript で動作します
優れたプロジェクト初期化子を備えています (TypeScript プロジェクトを初期化したことがある人は、それが面倒であることを知っているでしょう)

インフラストラクチャー

最善のアプローチは、ソース コード管理に GitHub を使用することです。その後、ニーズに応じてさまざまなツールを使用できます。私は主に Cloudflare と Render を好みます (ここで cron ジョブを実行します)。

ヒント 1: Cloudflare は非常に寛大な無料ホスティングを提供します。

通知

現在、メールを送信する最も簡単な方法は、再送信を使用することです。

分析

製品分析に関しては、Posthog がまさに最高です。最も便利な機能はセッション リプレイです (ユーザーがアプリをどのように使用しているかを実際に確認できます)。

ヒント 1: ランディング ページを何人が見たかを確認したい場合は、plausible.io を使用することをお勧めします (追記: Cookie バーを使用する必要はありません)。

ヒント 2: Cloudflare には分析機能もあります。

ヒント 3: Posthog では必ずリバース プロキシを使用してください。 Next.js を使用すると、設定が簡単になります。

アプリケーション

興味がある場合は、アプリケーションをチェックしてください: Side Projects Starter Pack。

GitHub でソース コードを確認することもできます。

最後の言葉

読んでいただきありがとうございます!私の活動をサポートしたい場合は、非常に短いアンケートにご協力ください。それは私にとってとても意味のあることです!

以上がサイド プロジェクト スターター パックの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。