Zinn Hub
0
你的购物车
0

一览

关于此服务的关键详情,帮助您做出决定。由 Zinn Hub 生成,非卖家生成。

迁移方法

增量式,逐页进行
新旧代码并行运行 - 没有大的切换日,您的用户不会遇到产品停机。

技术栈

React、Next.js、TypeScript
迁移的页面用 TypeScript 编写;旧代码保持 JavaScript,直到轮到它。

保持不变的内容

后端、URL、行为
在整个迁移过程中,您的 PHP 或其他后端、现有 URL 和面向用户的行为保持不变。

交付后支持

14 天修复保证
交付后 14 天内,任何与约定规范不符的已交付页面问题均免费修复。

您将收到

格式:
书面报告
自定义代码
交付方式:
订单经理
备注: 您将获得一份书面迁移计划:页面顺序、每个页面迁移的内容,以及新旧代码在此期间如何共享产品。迁移的页面将逐一进入您的存储库,每个页面首先与其旧版本进行比较。只有当您决定时,页面才会在新代码上上线。

完整描述

有些产品运行良好并能赚钱,但其前端变得难以更改: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 天
修订123
范围计划和一个示例页面最多 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 地址。

服务详情

服务类型
标准
Zinner 类型
自由职业者
卖家服务类别
工作日
Zinn 查找器
哈萨克斯坦
接受的语言
英语
俄语
保密协议可用
是
处理的项目规模
小型到中型
响应时间
在 12 小时内
工作年限
10+

常见问题

因为产品会停滞数月,所有风险都会集中在一个发布日。逐页进行,每一步都很小,可测试且易于回滚。

页面保持其地址。使用 Next.js,新页面以准备好的 HTML 形式到达浏览器,在服务器或构建时渲染,因此搜索引擎会像以前一样看到内容。React 与 Vite 在浏览器中渲染,因此对于带来搜索流量的页面,我推荐 Next.js。

是的。迁移的页面用 TypeScript 编写,旧代码继续作为 JavaScript 运行,直到轮到它。

没有。迁移只涉及前端。如果您的后端已经有页面所需数据的端点,新页面将使用它们。如果这些数据目前只以 PHP 渲染的 HTML 形式存在,计划会列出页面所需的小型 JSON 端点,我们会在该页面迁移之前商定由谁添加它们。

客户评论

看看我们的客户对这个Zinn的评价

分类

Zinner 政策

我将把您的 Jquery 或旧版 React 前端逐页迁移到现代 React 或 Next.js 2 Zinn Hub

只有购买过此产品的登录客户才能发表评论。

选项和订单

获取 Zinn Hub 应用

通知 · 更快访问 · 全屏

在浏览器中点击 分享

➜ 然后点击 "添加到主屏幕"