業餘專案入門包

過去幾年我參與了一些副業項目，並發現最重要的是快速完成工作以驗證一個想法。最好的部分是，現在您可以非常快速地完成此操作，不僅是因為大型語言模型 (AI)，而且主要是因為許多現有工具具有豐富的開發人員經驗。以下文章總結了可用於建立端到端應用程式原型的工具。

範例應用程式

為了演示此功能，我將在一個應用程式中展示它，該應用程式可以追蹤股票價格、總結提要中有關特定股票的消息並發送電子郵件。因為我認為衡量應用程式的想法是否成功非常重要，所以分析也將被實施！

工具

以下工具是根據單一指標選擇的：上市時間，它衡量應用程式提供給使用者的速度。

客戶

Next.js、React Query、Tailwind 與 Shadcn

我認為這個組合非常棒，將幫助您在幾個小時內建立一個應用程式。

提示 1：嘗試 v0.dev。它為範例應用程式產生了整個 UI。

提示2：檢查所有TanStack庫；我也使用 TanStack From。

後端

Supabase

我認為 Supabase 可以開箱即用地解決您 80-90% 的初始後端需求，主要是：

• 資料庫
• 身份驗證
• 儲存（如果您需要上傳圖片等內容）

此外，他們的類似 GraphQL 的查詢非常棒！

包子

我發現最好的方法是為簡單的任務編寫簡單的腳本，例如從某處獲取資料並儲存它。請記住，重要的是上市時間，而不是使其完美。

有趣的是 Bun（類似 Node.js 的快速 JavaScript 執行時期）。它是：

• 超快
• 使用 TypeScript 開箱即用
• 有一個很好的專案初始化程式（那些初始化過 TypeScript 專案的人會知道這是一個痛苦）

基礎設施

最好的方法是使用GitHub進行原始碼控制，然後根據您的需求，您可以使用各種工具。我最喜歡 Cloudflare 和 Render（我在這裡運行 cron 作業）。

提示 1：Cloudflare 提供非常慷慨的免費主機。

通知

現在發送電子郵件最簡單的方法是使用重新發送。

分析

對於產品分析，Posthog 簡直是最好的。您會發現最有用的功能是會話重播（您實際上會看到用戶如何使用該應用程式）。

提示 1：如果您想查看有多少人看到了您的目標網頁，我鼓勵您使用 plausible.io（PS：您不需要使用 cookie bar）。

提示 2：Cloudflare 還具有分析功能。

提示 3：請務必使用 Posthog 的反向代理。 Next.js 讓配置變得簡單。

應用

如果您有興趣，可以查看應用程式：Side Projects Starter Pack。

您也可以查看原始碼：GitHub。

最後的話

感謝您的閱讀！如果您想支持我的工作，您可以填寫這個非常簡短的調查。這對我來說意義重大！

以上是業餘專案入門包的詳細內容。更多資訊請關注PHP中文網其他相關文章！