xiaso-flnxi-website/QUICKSTART.md
Your Name b1eab32c75 初始提交: FLNXI电商素材系统官方网站
- Next.js 项目框架
- 完整的认证系统集成
- 数据库配置和部署脚本
- 产品价格体系和文档
- Docker 部署配置
2025-12-13 21:38:32 +08:00

2.0 KiB
Raw Permalink Blame History

🚀 快速入门指南

欢迎使用 FLNXI电商素材系统官方网站!

📦 立即开始

第一步:安装依赖

npm install

第二步:启动开发服务器

npm run dev

第三步:访问网站

打开浏览器访问:http://localhost:3000

就这么简单!🎉


🎨 自定义配置

打开 components/Header.tsx 和 components/Footer.tsx,找到图片URL并替换:

src="https://s3.1080p.hk/yedir/2025/10/26/eaa96463c57b421b8de8db573d75f1fb.png"

修改演示链接

全局搜索并替换:http://sc.flnxi.com → 你的演示地址

修改价格

编辑 components/Pricing.tsx:

<span className="text-5xl font-bold text-apple-blue">¥1,999</span>

修改联系方式

编辑 components/Contact.tsx 和 components/Footer.tsx:

{
  title: '电子邮件',
  value: 'contact@flnxi.com',  // 修改这里
}

🐳 Docker快速部署

一键启动

docker-compose up -d

查看日志

docker-compose logs -f

停止服务

docker-compose down

📝 常用命令

命令 说明
npm run dev 启动开发服务器
npm run build 构建生产版本
npm start 启动生产服务器
npm run lint 代码检查

🌐 访问演示

本地开发

http://localhost:3000

演示系统

http://sc.flnxi.com


💡 常见问题

Q: 端口3000被占用怎么办?

A: 修改端口:

PORT=8080 npm run dev

Q: 图片加载不出来?

A: 检查 next.config.js 中的图片域名配置

Q: 部署到生产环境需要什么?

A: 只需要Docker即可,无需Node.js环境


📞 需要帮助?


开始享受使用FLNXI吧! ✨