h5做网站什么软件数码产品商城网站建设

一个人就是一家公司的时代已经到来

设计

• Figma
• Pixso是国产设计工具，可作为Figma的替代版使用
• Sketch

IDE&工具链

• Vscode
• ESLint & Prettier: 🧹 代码质量和格式化工具
• npm/Yarn/pnpm: 📦 包管理器
• webpack/vite

前端

React和Vue二选一。

• Nextjs - 框架
• tailwindcss
• Shadcn - UI 组件：自动生成组件，非常好用，基于 Radix UI 的可重用组件集合，提供美观的预设样式
• antd
• zustand
• Radix UI: 🔧 无样式、可访问的组件库，包含对话框、下拉菜单等组件
• Astro：静态网站生成, The web framework for content-driven websites.

后端

• go做graphql 或者grpc
• Prisma: 💾 现代数据库 ORM 工具
• NextAuth.js: 🔐 身份验证解决方案
• Google Cloud Storage: ☁️ 云存储服务
• Neon: 🌟 全托管的无服务器 PostgreSQL 数据库服务
• Serverless 以及 Cloudflare Workers 是未来的方向

移动端

• uni-app
• Flutter
• tora
• RN + Expo：React native官方推荐的框架，集成了非常多的库，例如Iconic图标。并且支持云端编译。创建完项目后可以使用native wind集成tailwindcss，同样支持文件结构路由，使用起来非常方便。熟悉react技术栈之后上手非常简单，而且一套代码可以同时在ios和安卓上跑，非常适合个人开发
• Revenuecat: 非常好用的移动端订阅接入工具

用户管理

用户管理/认证：Supabse
Lucia - 身份验证
Zod - Typesafety
Clerk ：5分钟就能把登录功能集成进去，非常方便，1万MAU之前免费
clerk/auth0: 主要提供邮箱/用户名的登录注册，社交账户的登录注册，用户信息管理，session管理等功能，auth服务可以减少小团队的资源花费，可以集中更多精力来开发产品。

支付

• Stripe/Lemonsquzz: Stripe是国外公认最好的支付服务商，抽成也算公道，国内注册会有点困难，Lemonsquzz也是一个不错的机会替代方便。
• PayPal
• gumroad: Gumroad是创作者电子商务平台，允许创作者直接向其受众销售产品

数据

• Supabase：文件/对象存储， Managed SQL后端，适用于基本的CRUD操作，还有Blob存储
• 数据库+Auth Appwrite：supabase的竞品，配置auth非常方便，免费版本有2G的存储，后期流量上来了15刀一个月可以支持150GB存储，相比supabase前期1个G的存储来说更适合起步验证。实测下来auth和db网络很稳定，但是对象存储速度有点慢
• Cloudflare
• Drizzle - 数据库 ORM，不用直接写SQL，对比Prisa差别不大
• Neon
• MongoDB：Managed 非SQL数据库
• PrismaDB：自托管的SQL数据库

部署

• 代码存储：github、gitee
• 前后端部署：Vercel
• NotionNext, 免费建站，持续集成
• 域名和cdn: Cloudflare
• 域名：namesilo

运维

Paddle
订阅功能，支持个人资质申请，目前还没有仔细研究，但对比Stripe和Lemon Squeezy注册更加容易
pnpm monorepo
宣传推广：youtube twitter reddit hacknews v2ex 等
网站统计: Beamanalytics、谷歌统计
邮件列表：lemonsqueezy, resend配合Cloudflare和gmail, zoho
收款/网店：lemonsqueezy
✉️Resend - Email

👉Shopify，那可是电商建站界的 “扛把子”，各种强大功能让你的在线商店瞬间高大上，绝对是电商网站的不二之选。😎
👉Wordpress，妥妥的博客建站 “老炮儿”，文章管理超棒，最适合博客网站哟。🙌
👉Wix，简直就是作品集建站的 “神器”，大量精美的模板让你的作品大放光彩。✨
👉Squarespace，企业建站的 “高端玩家”，专业大气。💼
👉GoDaddy，新手小白建站的 “友好伙伴”，简单网站轻松搞定。🙋‍♀️
👉Duda，网站设计机构的 “秘密武器”。🎨
👉Webflow，开发者眼中的 “宝藏工具”，功能强大。💪
👉Weebly，速成免费网站的 “小天使”，超方便。🆓
👉Big Cartel: 艺术家们的 “专属舞台”，最适合你们展示作品啦。🎭

Analytics:

• PostHog：在免费套餐中可以访问大多数功能
• Upstash - Cache
• Umami - 网页分析

AI工具箱

• Cursor
• Bolt
• Windsurf
• 0.dev

🔥避坑指南

• 1️⃣不要从零开始设计：
  UI设计都是细节构成的，需要经过时间的累积才能很好把控。如果你没有设计基础，从零开始设计会非常困难，而且很难达到理想的效果。建议你多参考优秀的设计案例，学习成熟的设计理念，并使用现有的设计资源来完成你的UI设计

• 2️⃣不要把时间浪费在学习设计上： 设计不仅仅是工具的应用，更多的是靠时间的积累。设计基础，排版、字体、对比、颜色搭配等等都需要靠长时间的审美积累。对于独立开发者来说，我们都更加建议把时间留在你自己专业强项，没必要为了这个花大量时间学习，费力不讨好。

参考链接

-独立开发者出海工具
1️⃣Pinterest：这里有各种风格的设计案例，可以让你找到灵感，学习优秀的设计理念

2️⃣Mobbin：专门收集移动应用UI设计案例，可以让你学习到最新的设计趋势

3️⃣Dribbble：设计师们分享作品的平台，可以让你看到各种优秀的设计作品，提升审美水平

4️⃣UINote：专注于UI设计资源分享，可以找到各种设计素材和教程

🌈图标资源
1️⃣IconPark：提供海量免费图标，可以满足你的各种设计需求

2️⃣Iconfont：阿里巴巴矢量图标库，拥有丰富的图标资源，可以根据你的需要进行搜索和下载

🌈设计工具
1️⃣Figma：一款强大的在线设计工具，支持协作设计，适合独立开发者使用,也是目前设计师主流的设计工具

🌈免费无版权图片资源
1️⃣Unsplash：提供海量高品质的免费图片，可以为你的应用设计提供素材