首页 > 其他分享 >如果快速搭建一个可以用与全球收款的web应用?

如果快速搭建一个可以用与全球收款的web应用?

时间:2024-04-01 14:00:12浏览次数:18  
标签:web Saasfly dev nextjs env bun saasfly 收款 搭建

其实github和网上有很多开源或者付费的模版,可以用户全球化页面的搭建。

但是这些基本都是外国人开发的,中文生态很不友好。小编今天就推荐一个GitHub上的由国人开源的新项目。该项目3月26日开源以来,已收获230+star,增长势头很猛,口碑也是不错。

今天我就用这个项目,来教大家快速搭建一个可以用与全球收款的web应用。

先上地址:https://github.com/saasfly/saasfly

demo展示:saasfly

这是一款易用的、企业级就绪的Nextjs模版。说到这里了解Nextjs的小伙伴就应该立即明白了,该项目从开发到上线,完全不用写后端代码哦~

下面我就手把手教你,用Saasfly,快速交付!

1. 环境需要

  • Node.js - 18.17 或更高版本。
  • Bun - 1.0 或更高版本。 bun安装教程
  • OS - macOS, Windows (包括 WSL), 和 Linux。
  • PostgreSQL - 推荐大家用docker安装一个,或者去vercel申请一个免费的。

顺便说一下,我推荐你使用 NVM (Node Version Manager) 去管理你本地的node环境。

2. 执行命令行

bun create saasfly

在命令执行过程中,会自动做如下几个操作:

  1. 克隆 Saasfly 的仓库到你的本地文件夹。
  2. 删除git 的 history
  3. 安装相关以来
  4. 生成 prisma type

3. 启动 Saasfly

3.1 设置环境变量

进入saasfly 文件夹, 复制 .env.example 文件,并将新文件重命名为 .env.local,然后输入你的变量值。

cd saasfly
cp .env.example .env.local

请确保您已经搭建好了postgreSQL。

`POSTGRES_URL` 必须在你的 .env.local 文件中已经填写好。

# Format Example
# POSTGRES_URL="postgres://{USER}:{PASSWORD}@{DB_HOST}:{DB_PORT}/{DATABASE}"

POSTGRES_URL="postgres://postgres:[email protected]:5432/saasfly"

运行如下命令:

bun db:push

输出:

标签:web,Saasfly,dev,nextjs,env,bun,saasfly,收款,搭建
From: https://blog.csdn.net/weixin_67044355/article/details/137225562

相关文章

  • websocket在线测试
    首先先在网页打开测试画面  http://www.jsons.cn/websocket/  然后根据系统进行连接按照格式进行连接连接参数用问好 记得跟token和需要的参数 中间用& 并且值用等号这个是连接上的画面根据系统 输入参数进行测试 输入参数和值 进行测试  ......
  • 【从零开始AI绘画2】StableDiffusionWebUI的基础使用
    StableDiffusionWebUI的基础使用第一章中已经完成了SDwebui的部署已经初始化,接下来我们开始基础使用,涉及更细节高级的功能本文暂时不写文章目录StableDiffusionWebUI的基础使用界面简介一、大模型SDcheckpoint加载checkpoint下载checkpoint模型二、提示词正向提示词......
  • JavaWeb学习笔记——第十一天
    SpringBootWeb案例(二)新增员工实现EmpController:@PostMappingpublicResultadd(@RequestBodyEmpemp){log.info("新增员工:{}",emp);empService.add(emp);returnResult.success();}EmpService:voidadd(Empemp);EmpServiceImpl:@Overri......
  • 跨境电商系统搭建教程
    1、系统环境4h8g,centos7.9,php7.4,mysql8.0.24,nginx1.21.42、创建站点创建站点的时候,顺便创建数据库。暂存一下创建的数据库链接信息3、上传源码将api.zip源码文件上传到创建的站点点击开始上传将上传的源码文件解压4、配置伪静态选择laravel5规则5、配置网站目......
  • 请解释什么是Session,它在Web应用中扮演什么角色?
    首先,让我们来想象一下,你去了一家玩具店,并且告诉店员你喜欢某个玩具。但是,当你下次再去这家玩具店的时候,店员却完全不记得你了,也不知道你之前喜欢的那个玩具是什么。这可能会让你感到有点失望,对吧?在Web应用中,这种情况也会发生。当你访问一个网站,浏览了一些页面或者做了一些操作......
  • 使用React 18和WebSocket构建实时通信功能
    1.引言WebSocket是一种在Web应用中实现双向通信的协议。它允许服务器主动向客户端推送数据,而不需要客户端发起请求。在现代的实时应用中,WebSocket经常用于实时数据传输、聊天功能、实时通知和多人协作等场景。在本篇博客中,我们将探索如何在React18应用中使用WebSocket来......
  • 前端学习<二>CSS基础——14-CSS3属性详解:Web字体
    前言开发人员可以为自已的网页指定特殊的字体(将指定字体提前下载到站点中),无需考虑用户电脑上是否安装了此特殊字体。从此,把特殊字体处理成图片的方式便成为了过去。支持程度比较好,甚至IE低版本的浏览器也能支持。字体的常见格式不同浏览器所支持的字体格式是不一样的,我......
  • Python 环境搭建
    一、Windows环境搭建*下载Python解释器IDLEhttps://www.python.org/downloads/python-3.12.0b3在线安装32位python的解释器程序,即边下载边安装python-3.12.0b1-amd64在线安装64位python的解释器程序,即边下载边安装python-3.12.0b2-arm64ARM架构的64......
  • 虚拟机环境的搭建及Red Hot系统安装
     VMware虚拟机的安装准备好VMware安装包并下载虚拟机设置注:位置需自定义一个目录并保证所在磁盘空间足够大RedHat系统安装选择提前下载好的rhel系统镜像调出鼠标快捷键:ctrl+alt小键盘上下键移动光标按enter回车键取消启用kdump设置root账户......
  • [网络调试]如何在局域网内搭建自己的NTP服务器
    有时候有些特别的需求,比如我这个局域网内有N多设备需要用到时间同步,但这些设备无法上网,各自的时间不一致很是烦恼,原来windows自己是可以搭建自己的NTP服务器的!以下是我从别人的博客寻找的方法,转载一下:https://blog.csdn.net/hyf_forward/article/details/134570960; 1.搭建环境......