副项目入门包

# Web 开发# JavaScript# React# nextjs

过去几年，我参与过一些业余项目，并发现最重要的是快速完成任务以验证想法。最棒的是，如今你可以非常快速地完成任务，这不仅是因为有了大型语言模型 (AI)，更主要的是因为有许多现有的工具具有出色的开发人员体验。以下文章总结了可用于创建端到端应用程序原型的工具。

示例应用程序

为了展示此功能，我将在一个应用程序中展示它，该应用程序跟踪股票价格、汇总有关特定股票的消息并发送电子邮件。由于我认为衡量应用程序的想法是否成功非常重要，因此还将实施分析！

工具

以下工具是根据单一指标选择的：**上市时间**，它衡量应用程序可供用户使用的速度。

客户

**Next.js、React Query、Tailwind 和 Shadcn**

我认为这个组合很棒，可以帮助您在几个小时内构建一个应用程序。

后端

**Supabase**

我认为 Supabase 可以立即解决您初始后端需求的 80-90％，主要是：

  • 数据库
  • 验证
  • 存储（如果您需要上传图像等内容）

    • 此外，他们的类似 GraphQL 的查询非常棒！

    **包子**

    我发现最好的方法是编写简单的脚本来完成简单的任务，例如从某个地方获取数据并存储它。请记住，重要的是**上市时间**，而不是让它变得完美。

    有趣的是 Bun（一个类似于 Node.js 的快速 JavaScript 运行时）。它具有以下特点：

  • 超级快
  • 使用 TypeScript 即可开箱即用
  • 有一个很好的项目初始化程序（那些初始化过 TypeScript 项目的人会知道这很麻烦）

    • 基础设施

    最好的方法是使用 GitHub 进行源代码控制，然后根据您的需要使用各种工具。我最喜欢 Cloudflare 和 Render（我在这里运行 cron 作业）。

    通知

    如今，发送电子邮件的最简单方法是使用“重新发送”。

    分析

    对于产品分析，Posthog 无疑是最好的。您会发现最有用的功能是会话重播（您将真正看到用户如何使用该应用）。

    应用程序

    如果你有兴趣，可以看看这个应用程序：Side Projects Starter Pack。

    您还可以查看源代码：GitHub。

    最后的话

    感谢您的阅读！如果您想支持我的工作，您可以填写一份非常简短的调查问卷。这对我来说意义重大！