Open SaaS：免费开源的 React + Node.js SaaS 启动模板

curl -sSL https://get.wasp-lang.dev/installer.sh | sh

# 使用 Open SaaS 模板创建项目
wasp new my-saas-app -t github.com/wasp-lang/open-saas

cd my-saas-app

cp .env.server.example .env.server
cp .env.client.example .env.client

# 编辑 .env.server 配置数据库、Stripe、邮件等
# 编辑 .env.client 配置前端环境变量

wasp start

my-saas-app/
├── main.wasp           # Wasp 配置文件
├── src/
│   ├── client/        # 前端代码
│   │   ├── components/
│   │   ├── pages/
│   │   └── hooks/
│   ├── server/        # 后端代码
│   │   ├── actions/
│   │   ├── queries/
│   │   └── jobs/
│   └── shared/        # 共享代码
├── public/            # 静态资源
└── .env.*             # 环境变量

import { AuthUser } from 'wasp/auth';

export const Dashboard = ({ user }: { user: AuthUser }) => {
  return (
    <div>
      <h1>欢迎, {user.identities.username?.id}!</h1>
    </div>
  );
};

import { useQuery } from 'wasp/client/operations';
import { getSubscriptionStatus } from 'wasp/client/operations';

const PricingPage = () => {
  const { data: subscription } = useQuery(getSubscriptionStatus);
  
  return (
    <div>
      {subscription?.status === 'active' ? (
        <p>您已订阅专业版</p>
      ) : (
        <button>升级到专业版</button>
      )}
    </div>
  );
};

export const sendWeeklyEmail = async (args, context) => {
  const users = await context.entities.User.findMany();
  
  for (const user of users) {
    await sendEmail({
      to: user.email,
      subject: '本周更新',
      text: '...'
    });
  }
};

# 安装 Fly CLI
curl -L https://fly.io/install.sh | sh

# 登录
fly auth login

# 部署
wasp deploy fly launch

# 安装 Railway CLI
npm install -g @railway/cli

# 登录
railway login

# 部署
wasp deploy railway