为了账号安全,请及时绑定邮箱和手机立即绑定

2025项目必备技术栈指南:低成本高效搭建前后端方案

随着一年的结束,我决定列出我用来构建项目的那些技术,包括从前端到后端,再到数据库,还有云基础设施的各个方面。

虽然AI工具确实能提高生产力,但这篇文章的重点是介绍每个开发人员都可以使用的构建和部署一个从头开始的准备上线的应用的基础技术栈。这套技术栈虽然精简却极其强大,可以帮助你和你的团队在几天内从想法转变为最小化可行产品(MVP),同时保持低成本。

1、Node.js + Express.js - (Vratix,作者主页)

Vratix官网截图

一个稳固的后端 API 是好项目的基础。尽早搭建一个强大的后端架构,你和你的用户都会感到满意。

然而,设置一个新的 Node.js API 可能会让你望而却步,尤其是早期错误的决策容易累积大量的技术负债。设置身份验证,回忆起两年前项目中如何妥善处理这样的 JWT 和刷新令牌也可能让你放慢脚步,并可能引入安全漏洞。

我用Vratix及其开源模块来避免这些问题。这个工具能够帮我设置一个TypeScript Node.js项目,遵循最新的最佳实践标准,并让我轻松安装他们的API模块。我再也不用读Node.js安装指南了!

这是一个开源且免费的工具。

项目网址: Vratix

2. Next.js - (shadcn/ui)

![shadcn/ui 页面]( https://imgapi.imooc.com/675645f409d0976308000494.jpg)

React 已经是我多年来的最爱,特别是在构建美观的 web 应用时。最近我开始使用 Next.js,这是一个用于构建基于 React 的 web 应用程序的开源框架。它自带了许多优化,比如服务器端渲染 (SSR)、动态和静态属性、使用 next/image 进行图片优化等。特别是部署在 Vercel 上时,我下面会进一步介绍。

创建按钮、输入框、容器和其他基本UI组件耗时颇多,而且这些组件在不同的项目中通常相似。这就是我选择使用shadcn/ui组件库的原因,它提供了许多美观的UI组件,你可以轻松地将它们集成到大多数现代前端框架中。

Next.jsshadcn/ui 都是开源且免费的。我强烈建议一起用它们,可以在几天内搭建一个跑起来的web应用,并避免配置那些枯燥无味的UI组件。

项目链接: shadcn/ui, Next.js

3. 数据库和存储 - Supabase (https://supabase.com)

Supabase 的官网

接下来,我们需要存储用户数据和应用程序可能用到的任何文件。为此,我使用Supabase,这是一个基于PostgreSQL的开源Firebase替代品。几分钟内,只需点击几次,你就能拥有一个完全可用的PostgreSQL数据库。Supabase允许你通过他们的数据API进行查询,或者通过像pg这样的连接池包直接连接到数据库(如果你使用Vratix,这已经设置好了,你只需添加正确的连接字符串即可)。

最酷的是 Supabase 提供的生态系统,可以无缝集成所有其他服务。因为所有工具都与您的 PostgreSQL 数据库相连,您可以轻松地设置具有行级访问权限的 S3 存储桶。如果您曾经尝试首次安全设置 S3 存储桶并正确配置 AWS 权限,您就知道其中的麻烦。

Supabase 是一个开源项目,但它也提供了一个出色的托管服务,其中包含一个免费层。

项目网址: Supabase (Supabase, 一个在线服务平台)

4. 部署 (部署方式) - (Vercel & AWS)

Vercel官网

在部署时,我用 Vercel 部署前端,用 AWS 部署后端。

  • Vercel :非常适合 Next.js 应用,提供自动部署、遍布全球的边缘网络和免费的 HTTPS。它为你的 Next.js 应用提供大量的优化,包括缓存和性能监控。你可以几分钟内即可部署一个可运行的 web 应用,而无需设置 SSL、静态文件、托管等繁琐步骤。
  • AWS :对于后端,其灵活性很高。我一般将服务以 Docker 容器形式部署在 EC2 上,对于更复杂的后端服务,我则使用 Kubernetes(AWS EKS)。

这种组合让你既能享受快速的前端,又能拥有可扩展的后端,而且不会花费太多。

项目链接: Vercel, AWS (亚马逊 web 服务)

5. 无服务器计算 (AWS Lambda)

AWS Lambda 的网站

这个是额外的,比如,有些人可能想设置无服务器功能来处理特定逻辑,例如,处理 webhook 请求或文件和数据。

我已经查看了所有可用的选项,包括 Vercel 和 Supabase 的 Edge Functions。但是,除非你需要你的函数运行得非常接近用户,AWS (AWS Lambda) 就完全可以了。最近几个月里,AWS 显著提升了设置新 Lambda 函数的开发体验。

与其它相比,AWS Lambda 相比之下提供了一个非常大方的终身免费套餐。

链接: AWS LambdaAWS Lambda 服务

此处省略部分内容

如果你计划在新的一年里使用这些工具,请告诉我。我会继续寻找顶尖的网页开发工具,并在找到更多工具时更新这个列表。在使用这些工具时,你遇到过什么挑战吗?


关注我在X的日常想法 了解更多我的科技日常想法 😄

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消