Appearance
海外建站准备
分享下平时开发海外产品用到的一些组件和框架，节约构建时间，加快开发效率～
基础框架
| 技术栈 | 备注 |
|---|---|
| TailwindCSS 7 | 对前端新手友好，内置语法糖，有大量代码块可以借鉴 |
| Nextjs 5 | 基于React 的Web开发框架，SEO友好， 轻量级后端 API |
| ShadcnUI 11 | 超高自由度的 UI 框架，可以很好的与 TailwindCSS 7 配合，设计简洁美观 |
UI
| 技术栈 | 备注 |
|---|---|
| TailwindUI 7 | 大量UI代码块可以借鉴 |
| HeadlessUI 6 | 完全无样式、高度可访问的 UI 组件 |
| TailusUI 1 | 高度可定制的组件，用于打造现代、个性化的网站和应用程序 |
| daisyUI 1 | 非常受欢迎的Tailwind CSS组件库 |
| NextUI |
落地页
| 技术栈 | 备注 |
|---|---|
| inwind-landing-page 7 | 一个免费、开源、功能强大的落地页模板 |
| SaaS landing page 1 | SaaS landing page examples. |
网站分析
| 平台 | 备注 |
|---|---|
| Google Analytics 1 | |
| Umami 3 | 开源，可自建 |
| Vercel Web Analytics 1 | Nextjs集成方便 |
| clarity | 微软出品，用户行为录制、网站热点功能分析，宣称永久免费 |
托管&部署
| 平台 | 备注 |
|---|---|
| Cloudflare Worker 1 | CF大善人推出的Serverless方案，免费计划提供 100,000 次/天的请求 |
| Vercel 1 | Nextjs背后的公司出品，一键部署 |
| Railway | 容器部署平台 |
认证
| 平台 | 备注 |
|---|---|
| Supabase Auth 2 | 支持 50000 的月活用户，服务稳定 |
| NextAuth.js |
数据库
| 平台 | 备注 |
|---|---|
| Supabase 2 | 免费500M存储的两个数据库项目，支持 Postgres 的所有功能 |
| Upstash | 支持 Redis、kafka、向量数据库 |
| Cloudflare D1 2 | edge sqlite 数据库，免费额度5GB |
支付
| 技术栈 | 备注 |
|---|---|
| Lemon Squeezy 6 | 门槛较低，支持个人香港卡、虚拟卡，国内开发者首选 |
| Stripe | 需要国外注册公司 |