业余项目入门包

过去几年我参与了一些副业项目，并发现最重要的是快速完成工作以验证一个想法。最好的部分是，现在您可以非常快地完成此操作，不仅仅是因为大型语言模型 (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中文网其他相关文章！