ส่วนหน้าของคุณยังคงทำงานบน jQuery, คอมโพเนนต์คลาสเก่า หรือการตั้งค่า Next.js ที่ล้าสมัย และการเปลี่ยนแปลงแต่ละครั้งใช้เวลานานกว่าที่ควร ฉันจะย้ายไปยัง React หรือ Next.js ที่ทันสมัยใน TypeScript ทีละหน้า ในขณะที่ผลิตภัณฑ์ยังคงทำงานอยู่
ฉันจะย้ายส่วนหน้า jQuery หรือ React แบบเก่าของคุณไปยัง React หรือ Next.js ที่ทันสมัยทีละหน้า
แผนการย้ายข้อมูลสำหรับส่วนหน้าของคุณและหน้าเล็กๆ หนึ่งหน้าย้ายเป็นตัวอย่าง
- แผนและหน้าตัวอย่างหนึ่งหน้า
- แผนการย้ายข้อมูลที่เป็นลายลักษณ์อักษร
- ซอร์สโค้ด
ย้ายหน้าได้สูงสุด 3 หน้าไปยัง React หรือ Next.js โดยทำงานควบคู่ไปกับโค้ดเก่า
- ย้ายหน้าได้สูงสุด 3 หน้า
- แผนการย้ายข้อมูลที่เป็นลายลักษณ์อักษร
- ซอร์สโค้ด
สูงสุด 8 หน้า, ส่วนประกอบที่ใช้ร่วมกัน, ประเภท TypeScript และการทดสอบ
- สูงสุด 8 หน้า, ส่วนประกอบ, การทดสอบ
- แผนการย้ายข้อมูลที่เป็นลายลักษณ์อักษร
- ซอร์สโค้ด
ขอข้อเสนอที่กำหนดเอง
เข้าสู่ระบบเพื่อขอข้อเสนอที่กำหนดเอง
สร้างบัญชีฟรีหรือเข้าสู่ระบบเพื่อขอข้อเสนอส่วนบุคคลจาก Zinner นี้
เข้าสู่ระบบ / ลงทะเบียนถามคำถามก่อนการขาย
เข้าสู่ระบบเพื่อถามคำถาม
เพื่อลดสแปมบนแพลตฟอร์ม ข้อความก่อนการขายสามารถส่งได้โดยผู้ใช้ที่เข้าสู่ระบบเท่านั้น
สร้างบัญชีฟรีหรือเข้าสู่ระบบเพื่อส่งข้อความถึง Zinner นี้โดยตรง
เข้าสู่ระบบ / ลงทะเบียนโดยสรุป
รายละเอียดสำคัญเกี่ยวกับบริการนี้เพื่อช่วยคุณตัดสินใจ สร้างโดย Zinn Hub ไม่ใช่ผู้ขาย
ตำแหน่งคุณค่า
แนวทางการย้ายข้อมูล
เทคโนโลยีที่ใช้
สิ่งที่ยังคงอยู่
การสนับสนุนหลังการส่งมอบ
สิ่งที่คุณจะได้รับ
คำอธิบายฉบับเต็ม
ผลิตภัณฑ์บางอย่างทำงานและสร้างรายได้ แต่ส่วนหน้าของผลิตภัณฑ์เหล่านั้นกลับแก้ไขได้ยาก: jQuery กระจายอยู่ทั่วเทมเพลต, ส่วนประกอบคลาส React จากหลายปีก่อน, หรือแอป Next.js ที่ยังคงใช้ Pages Router การเขียนใหม่ทั้งหมดจะทำให้ผลิตภัณฑ์หยุดนิ่งเป็นเวลาหลายเดือน ฉันทำอีกอย่างหนึ่ง: โค้ดเก่าและใหม่ทำงานควบคู่กันไป และหน้าต่างๆ จะย้ายไปทีละหน้า ดังนั้นจึงไม่มีวันเปลี่ยนผ่านครั้งใหญ่สำหรับผู้ใช้ของคุณ
ฉันทำสิ่งนี้ในโครงการที่ผ่านมาภายใต้ NDA: ส่วนหน้า jQuery ย้ายไปยัง React ทีละหน้าในขณะที่ผลิตภัณฑ์ยังคงใช้งานได้
Starter ให้แผนแก่คุณ: ฉันอ่านส่วนหน้าเก่า, จัดทำแผนที่หน้าและส่วนที่ใช้ร่วมกัน, ระบุความเสี่ยง, และย้ายหน้าเล็กๆ หนึ่งหน้าเป็นตัวอย่างการทำงานของแนวทางนี้ Standard ย้ายได้สูงสุดสามหน้าหรือหน้าจอ Advanced ย้ายได้สูงสุดแปดหน้า, สร้างส่วนประกอบที่ใช้ร่วมกันที่จำเป็น, และครอบคลุมด้วยประเภท TypeScript สำหรับข้อมูลและการทดสอบสำหรับขั้นตอนหลัก
สิ่งที่ยังคงอยู่: แบ็กเอนด์ของคุณ, URL ของคุณ และพฤติกรรมที่ผู้ใช้รู้จัก สิ่งที่เปลี่ยนแปลง: วิธีการจัดระเบียบโค้ด เพื่อให้คุณสมบัติถัดไปถูกเขียนเพียงครั้งเดียวในที่เดียว เป็นเวลา 14 วันหลังจากส่งมอบ ฉันจะแก้ไขสิ่งที่ไม่ทำงานตามที่เราตกลงกันไว้โดยไม่คิดค่าใช้จ่าย
ลำดับหน้าและแผนจะตกลงกันในการสนทนาคำสั่งซื้อ โดยไม่มีการโทร แต่ละหน้าที่ย้ายข้อมูลจะถูกจัดส่งแยกกัน และคุณจะได้รับบันทึกสถานะที่เป็นลายลักษณ์อักษรทุกวันทำการ
ขั้นตอนในการทำโปรเจกต์ให้เสร็จสมบูรณ์
1. จัดทำแผนผังส่วนหน้าเก่า - ฉันจะตรวจสอบเทมเพลต สคริปต์ และส่วนประกอบต่างๆ และจัดทำรายการหน้า ส่วนที่ใช้ร่วมกัน และสิ่งที่มีความเสี่ยง เช่น สถานะส่วนกลาง หรือสคริปต์แบบอินไลน์
2. ตกลงลำดับ - คุณจะได้รับแผนที่เป็นลายลักษณ์อักษร: หน้าใดจะไปก่อน สิ่งใดจะย้ายไปพร้อมกับหน้านั้น และโค้ดเก่าและใหม่จะใช้ผลิตภัณฑ์ร่วมกันได้อย่างไรในขณะที่ทั้งสองยังคงอยู่
3. เชื่อมต่อ - โค้ด React หรือ Next.js ใหม่จะถูกตั้งค่าถัดจากโค้ดเก่า โดยมีการกำหนดเส้นทางที่ส่งแต่ละหน้าไปยังฝั่งที่เป็นเจ้าของ
4. ย้ายหน้าทีละหน้า - แต่ละหน้าจะถูกสร้างใหม่ เปรียบเทียบกับเวอร์ชันเก่า และสลับไปทีละหน้า เพื่อให้ปัญหาส่งผลกระทบต่อหน้าเดียว ไม่ใช่ผลิตภัณฑ์ทั้งหมด
5. ส่งมอบ - หน้าที่ย้ายข้อมูลแล้ว แผนที่อัปเดตสำหรับสิ่งที่เหลืออยู่ และบันทึกสั้นๆ เกี่ยวกับรูปแบบที่จะปฏิบัติตามสำหรับหน้าถัดไป
การรับประกันคุณภาพ Zinner
Zinner ทุกคนจะได้รับการตรวจสอบและอนุมัติก่อนเข้าร่วมแพลตฟอร์ม
บริการทั้งหมดได้รับการสนับสนุนจากความมุ่งมั่นในการประกันคุณภาพของเรา
การชำระเงินของคุณจะได้รับการคุ้มครองจนกว่าคุณจะอนุมัติงานที่ส่งมอบ
เปรียบเทียบแพ็คเกจ
| ฟังก์ชัน | เริ่มต้น | มาตรฐาน | ขั้นสูง |
|---|---|---|---|
| เวลาจัดส่ง | 4 วัน | 10 วัน | 21 วัน |
| การแก้ไข | 1 | 2 | 3 |
| ขอบเขต | แผนและหน้าตัวอย่างหนึ่งหน้า | ย้ายหน้าได้สูงสุด 3 หน้า | สูงสุด 8 หน้า ส่วนประกอบ การทดสอบ |
| แผนการย้ายข้อมูลที่เป็นลายลักษณ์อักษร | ✓ | ✓ | ✓ |
| ซอร์สโค้ด | ✓ | ✓ | ✓ |
ผลงาน
ตัวอย่างผลงานของผู้ขายที่เกี่ยวข้องกับ Zinn นี้
Formline: ร้านค้า Next.js พร้อม Stripe
หน้าร้านที่คุณสามารถคลิกผ่านได้: โปสเตอร์ 16 ชิ้นในคอลเลกชัน 4 รายการ, ตัวกรองและการค้นหาที่ยังคงอยู่ใน URL, ตะกร้าสินค้า, ธีมสว่างและมืด, และการชำระเงินที่สิ้นสุดด้วยคำสั่งซื้อตัวอย่างหรือเซสชัน Stripe Checkout จริงในโหมดทดสอบ ฉันสร้างมันเป็น Next.js static export ใน TypeScript ด้วย Tailwind CSS การชำระเงินด้วยบัตรจะผ่าน Cloudflare Worker ที่ปรับราคาตะกร้าสินค้าบนเซิร์ฟเวอร์และตรวจสอบลายเซ็น webhook ของ Stripe
เว็บไซต์ส่วนตัวสองภาษาใน Next.js
เว็บไซต์ส่วนตัวหน้าเดียวในภาษาอังกฤษและรัสเซีย พร้อมส่วนบริการและลิงก์ไปยังโปรเจกต์สาธิตของฉัน ฉันออกแบบและสร้างด้วย Next.js, React และ TypeScript เป็น static export จัดรูปแบบด้วย CSS Modules ธรรมดาและไม่มี UI framework มีธีมสว่างและมืด และรูปภาพตัวอย่างโซเชียลสำหรับแต่ละภาษาจะถูกสร้างขึ้นในเวลาสร้าง GitHub Actions สร้างและปรับใช้กับ Bunny CDN ซึ่งเพิ่มส่วนหัวความปลอดภัยและเปลี่ยนเส้นทาง www และ HTTP ธรรมดาไปยังที่อยู่ HTTPS หลัก
รายละเอียดบริการ
คำถามที่พบบ่อย
เพราะผลิตภัณฑ์จะหยุดนิ่งเป็นเวลาหลายเดือน และความเสี่ยงทั้งหมดจะตกอยู่กับวันเปิดตัวเพียงวันเดียว การทำทีละหน้า ทุกขั้นตอนมีขนาดเล็ก ทดสอบได้ และย้อนกลับได้ง่าย
หน้าเว็บจะยังคงใช้ที่อยู่เดิม ด้วย Next.js หน้าใหม่จะเข้าถึงเบราว์เซอร์ในรูปแบบ HTML ที่พร้อมใช้งาน ซึ่งเรนเดอร์บนเซิร์ฟเวอร์หรือในเวลาสร้าง ดังนั้นเครื่องมือค้นหาจะเห็นเนื้อหาเหมือนเดิม React กับ Vite จะเรนเดอร์ในเบราว์เซอร์ ดังนั้นสำหรับหน้าเว็บที่นำการเข้าชมจากการค้นหา ฉันขอแนะนำ Next.js
ได้ หน้าที่ย้ายข้อมูลจะถูกเขียนด้วย TypeScript และโค้ดเก่าจะยังคงทำงานเป็น JavaScript จนกว่าจะถึงคิว
ไม่ การย้ายข้อมูลจะเกี่ยวข้องกับส่วนหน้าเท่านั้น หากแบ็กเอนด์ของคุณมีปลายทางสำหรับข้อมูลที่หน้าเว็บต้องการอยู่แล้ว หน้าใหม่จะใช้ปลายทางเหล่านั้น หากข้อมูลนั้นมีอยู่เฉพาะในรูปแบบ HTML ที่เรนเดอร์โดย PHP ในปัจจุบัน แผนจะระบุปลายทาง JSON ขนาดเล็กที่หน้าเว็บต้องการ และเราจะตกลงกันว่าใครจะเพิ่มปลายทางเหล่านั้นก่อนที่หน้าเว็บจะย้าย
รีวิวจากลูกค้า
ดูว่าลูกค้าของเราพูดถึง Zinn นี้ว่าอย่างไร
หมวดหมู่
นโยบาย Zinner
Zinns ที่เกี่ยวข้อง
