您的前端仍然运行在 jQuery、旧类组件或过时的 Next.js 设置上,每次更改所需时间都比应有的长。我将它逐页迁移到现代 React 或 Next.js (TypeScript),同时产品保持正常运行。
我将把您的 jQuery 或旧版 React 前端逐页迁移到现代 React 或 Next.js
您的前端迁移计划和一个作为示例的小页面。
- 计划和一个示例页面
- 书面迁移计划
- 源代码
最多 3 个页面迁移到 React 或 Next.js,与旧代码并行运行。
- 最多 3 个页面已迁移
- 书面迁移计划
- 源代码
最多 8 个页面、共享组件、TypeScript 类型和测试。
- 最多 8 个页面、组件、测试
- 书面迁移计划
- 源代码
请求定制报价
一览
关于此服务的关键详情,帮助您做出决定。由 Zinn Hub 生成,非卖家生成。
价值定位
迁移方法
技术栈
保持不变的内容
交付后支持
您将收到
完整描述
有些产品运行良好并能赚钱,但其前端变得难以更改:jQuery 散布在模板中,多年前的 React 类组件,或者仍然使用 Pages Router 的 Next.js 应用程序。完全重写会使产品停滞数月。我做的是另一件事:新旧代码并行运行,页面一次迁移一个,因此您的用户永远不会遇到大的切换日。
我之前在一个保密协议项目上就是这样做的:一个 jQuery 前端逐页迁移到 React,而产品保持在线。
入门版为您提供计划:我阅读旧前端,映射其页面和共享部分,列出风险,并迁移一个小型页面作为该方法的有效示例。标准版最多迁移三个页面或屏幕。高级版最多迁移八个页面,构建它们所需的共享组件,并为其数据提供 TypeScript 类型,为其主要流程提供测试。
保持不变的内容:您的后端、您的 URL 和用户熟悉的行为。更改的内容:代码的组织方式,以便下一个功能只需编写一次,在一个地方。交付后 14 天内,我将免费修复任何与我们约定不符的问题。
页面顺序和计划在订单聊天中商定,无需通话。每个迁移的页面都单独交付,您每个工作日都会收到一份书面状态说明。
完成项目步骤
1. 映射旧前端 - 我将检查模板、脚本和组件,列出页面、共享部分以及任何有风险的内容,例如全局状态或内联脚本。
2. 商定顺序 - 您将获得一份书面计划:哪个页面优先,随之迁移什么,以及新旧代码在两者都存在时如何共享产品。
3. 桥接 - 新的 React 或 Next.js 代码与旧代码一起设置,路由将每个页面发送到拥有它的那一方。
4. 逐页移动 - 每个页面都将重建,与旧版本进行比较,并单独切换,因此一个问题只会影响一个页面,而不是整个产品。
5. 移交 - 迁移的页面、剩余部分的更新计划,以及关于后续页面应遵循模式的简短说明。
查看选项并购买 — 起价 $40.00
每位 Zinner 在加入平台前都会经过审查和批准。
所有服务均有我们的质量保证承诺支持。
您的付款受保护,直到您批准交付的工作。
比较套餐
| 功能 | 入门 | 标准 | 高级 |
|---|---|---|---|
| 交付时间 | 4 天 | 10 天 | 21 天 |
| 修订 | 1 | 2 | 3 |
| 范围 | 计划和一个示例页面 | 最多 3 个页面已迁移 | 最多 8 个页面、组件、测试 |
| 书面迁移计划 | ✓ | ✓ | ✓ |
| 源代码 | ✓ | ✓ | ✓ |
作品集
卖家与此 Zinn 相关的工作示例。

Formline:带 Stripe 的 Next.js 商店
一个您可以点击浏览的店面:16 个海报,分为 4 个系列,过滤器和搜索功能保留在 URL 中,一个购物车,浅色和深色主题,以及一个以演示订单或测试模式下的真实 Stripe Checkout 会话结束的结账流程。我使用 TypeScript 和 Tailwind CSS 将其构建为 Next.js 静态导出。信用卡支付通过 Cloudflare Worker 进行,该 Worker 在服务器上重新定价购物车并验证 Stripe 的 webhook 签名。




Next.js 双语个人网站
一个英文和俄文的单页个人网站,包含服务部分和我的演示项目链接。我使用 Next.js、React 和 TypeScript 将其设计和构建为静态导出,使用纯 CSS Modules 样式,没有 UI 框架。它具有浅色和深色主题,并且在构建时为每种语言生成社交预览图像。GitHub Actions 构建并将其部署到 Bunny CDN,后者添加了安全标头并将 www 和纯 HTTP 重定向到主 HTTPS 地址。

服务详情
常见问题
因为产品会停滞数月,所有风险都会集中在一个发布日。逐页进行,每一步都很小,可测试且易于回滚。
页面保持其地址。使用 Next.js,新页面以准备好的 HTML 形式到达浏览器,在服务器或构建时渲染,因此搜索引擎会像以前一样看到内容。React 与 Vite 在浏览器中渲染,因此对于带来搜索流量的页面,我推荐 Next.js。
是的。迁移的页面用 TypeScript 编写,旧代码继续作为 JavaScript 运行,直到轮到它。
没有。迁移只涉及前端。如果您的后端已经有页面所需数据的端点,新页面将使用它们。如果这些数据目前只以 PHP 渲染的 HTML 形式存在,计划会列出页面所需的小型 JSON 端点,我们会在该页面迁移之前商定由谁添加它们。
客户评论
看看我们的客户对这个Zinn的评价







