Bahagian hadapan anda masih berjalan pada jQuery, komponen kelas lama atau persediaan Next.js yang usang, dan setiap perubahan mengambil masa lebih lama daripada yang sepatutnya. Saya memindahkannya ke React atau Next.js moden dalam TypeScript satu halaman pada satu masa, sementara produk terus berfungsi.
Saya akan memindahkan bahagian hadapan jQuery atau React lama anda ke React atau Next.js moden, halaman demi halaman
Pelan migrasi untuk bahagian hadapan anda dan satu halaman kecil dipindahkan sebagai sampel.
- Pelan dan satu halaman sampel
- Pelan migrasi bertulis
- Kod sumber
Sehingga 3 halaman dipindahkan ke React atau Next.js, berjalan di sebelah kod lama.
- Sehingga 3 halaman dipindahkan
- Pelan migrasi bertulis
- Kod sumber
Sehingga 8 halaman, komponen kongsi, jenis TypeScript dan ujian.
- Sehingga 8 halaman, komponen, ujian
- Pelan migrasi bertulis
- Kod sumber
Minta Tawaran Tersuai
Log Masuk untuk Meminta Tawaran Tersuai
Cipta akaun percuma atau log masuk untuk meminta tawaran peribadi daripada Zinner ini.
Log Masuk / DaftarTanya Soalan Pra-Jualan
Log Mas untuk Bertanya Soalan
Untuk mengurangkan spam platform, mesej pra-jualan hanya boleh dihantar oleh pengguna yang log masuk.
Cipta akaun percuma atau log masuk untuk menghantar mesej kepada Zinner ini secara langsung.
Log Masuk / DaftarLog masuk diperlukan
Cipta akaun percuma atau log masuk untuk menghantar mesej kepada Zinner ini.
Log Masuk / DaftarLog masuk diperlukan
Cipta akaun percuma atau log masuk untuk meminta tawaran yang diperibadikan.
Log Masuk / DaftarSekilas Pandang
Butiran utama tentang perkhidmatan ini untuk membantu anda membuat keputusan. Dijana oleh Zinn Hub, bukan penjual.
Kedudukan Nilai
Pendekatan Migrasi
Timbunan Teknologi
Apa yang Kekal Utuh
Sokongan Selepas Penghantaran
Apa Yang Anda Akan Terima
Penerangan Penuh
Sesetengah produk berfungsi dan menjana wang, tetapi bahagian hadapan mereka menjadi sukar untuk diubah: jQuery tersebar di seluruh templat, komponen kelas React dari beberapa tahun yang lalu, atau aplikasi Next.js yang masih menggunakan Pages Router. Penulisan semula penuh membekukan produk selama berbulan-bulan. Saya melakukan perkara lain: kod lama dan baharu berjalan bersebelahan, dan halaman bergerak satu persatu, jadi tidak pernah ada hari pertukaran besar untuk pengguna anda.
Saya melakukan perkara ini dalam projek lepas di bawah NDA: bahagian hadapan jQuery dipindahkan ke React halaman demi halaman sementara produk kekal aktif.
Starter memberi anda pelan: Saya membaca bahagian hadapan lama, memetakan halaman dan bahagian kongsinya, menyenaraikan risiko, dan memindahkan satu halaman kecil sebagai sampel kerja pendekatan tersebut. Standard memindahkan sehingga tiga halaman atau skrin. Advanced memindahkan sehingga lapan, membina komponen kongsi yang mereka perlukan, dan melindunginya dengan jenis TypeScript untuk data mereka dan ujian untuk aliran utama.
Apa yang kekal: bahagian belakang anda, URL anda dan tingkah laku yang diketahui pengguna. Apa yang berubah: bagaimana kod diatur, supaya ciri seterusnya ditulis sekali, di satu tempat. Selama 14 hari selepas penghantaran, saya membaiki apa-apa yang tidak berfungsi seperti yang kita persetujui, secara percuma.
Susunan halaman dan pelan dipersetujui dalam sembang pesanan, tanpa panggilan. Setiap halaman yang dipindahkan dihantar secara berasingan, dan anda akan mendapat nota status bertulis setiap hari bekerja.
Langkah-langkah untuk menyiapkan projek anda
1. Petakan bahagian hadapan lama - Saya meneliti templat, skrip dan komponen, dan menyenaraikan halaman, bahagian kongsi dan apa-apa yang berisiko, seperti keadaan global atau skrip sebaris.
2. Setuju susunan - Anda akan mendapat pelan bertulis: halaman mana yang didahulukan, apa yang bergerak dengannya, dan bagaimana kod lama dan baharu berkongsi produk sementara kedua-duanya wujud.
3. Jambatan - Kod React atau Next.js baharu disediakan di sebelah kod lama, dengan penghalaan yang menghantar setiap halaman ke mana-mana pihak yang memilikinya.
4. Pindahkan halaman satu persatu - Setiap halaman dibina semula, dibandingkan dengan versi lama dan ditukar secara berasingan, jadi masalah menjejaskan satu halaman, bukan produk.
5. Penyerahan - Halaman yang dipindahkan, pelan yang dikemas kini untuk apa yang tinggal, dan nota ringkas mengenai corak yang perlu diikuti untuk halaman seterusnya.
Jaminan Kualiti Zinner
Setiap Zinner disemak dan diluluskan sebelum menyertai platform.
Semua perkhidmatan disokong oleh komitmen jaminan kualiti kami.
Pembayaran anda dilindungi sehingga anda meluluskan kerja yang dihantar.
Bandingkan Pakej
| Fungsi | Permulaan | Standard | Lanjutan |
|---|---|---|---|
| Masa Penghantaran | 4 hari | 10 hari | 21 hari |
| Semakan | 1 | 2 | 3 |
| Skop | Pelan dan satu halaman sampel | Sehingga 3 halaman dipindahkan | Sehingga 8 halaman, komponen, ujian |
| Pelan migrasi bertulis | ✓ | ✓ | ✓ |
| Kod sumber | ✓ | ✓ | ✓ |
Portfolio
Contoh kerja penjual yang berkaitan dengan Zinn ini.
Formline: Kedai Next.js dengan Stripe
Kedai yang boleh anda klik: 16 poster dalam 4 koleksi, penapis dan carian yang kekal dalam URL, troli, tema terang dan gelap, dan pembayaran yang berakhir dengan pesanan demo atau sesi Stripe Checkout sebenar dalam mod ujian. Saya membangunkannya sebagai eksport statik Next.js dalam TypeScript dengan Tailwind CSS. Pembayaran kad melalui Cloudflare Worker yang menetapkan semula harga troli di pelayan dan mengesahkan tandatangan webhook Stripe.
Tapak peribadi dwibahasa di Next.js
Tapak peribadi satu halaman dalam bahasa Inggeris dan Rusia, dengan bahagian perkhidmatan dan pautan ke projek demo saya. Saya mereka bentuk dan membangunkannya dengan Next.js, React dan TypeScript sebagai eksport statik, digayakan dengan Modul CSS biasa dan tiada rangka kerja UI. Ia mempunyai tema terang dan gelap, dan imej pratonton sosial untuk setiap bahasa dihasilkan pada masa binaan. GitHub Actions membina dan menyebarkannya ke Bunny CDN, yang menambah pengepala keselamatan dan mengubah hala www dan HTTP biasa ke alamat HTTPS utama.
Butiran Perkhidmatan
Soalan Lazim
Kerana produk akan terhenti selama berbulan-bulan dan semua risiko akan mendarat pada satu hari keluaran. Halaman demi halaman, setiap langkah adalah kecil, boleh diuji dan mudah untuk digulirkan semula.
Halaman mengekalkan alamat mereka. Dengan Next.js, halaman baharu mencapai pelayar sebagai HTML sedia, dirender pada pelayan atau pada masa binaan, jadi enjin carian melihat kandungan seperti sebelumnya. React dengan Vite merender dalam pelayar, jadi untuk halaman yang membawa trafik carian saya mengesyorkan Next.js.
Ya. Halaman yang dipindahkan ditulis dalam TypeScript, dan kod lama terus berjalan sebagai JavaScript sehingga gilirannya tiba.
Tidak. Migrasi hanya menyentuh bahagian hadapan. Di mana bahagian belakang anda sudah mempunyai titik akhir untuk data yang diperlukan oleh halaman, halaman baharu menggunakannya. Jika data itu hanya wujud sebagai HTML yang dirender oleh PHP hari ini, pelan menyenaraikan titik akhir JSON kecil yang diperlukan oleh halaman, dan kami bersetuju siapa yang menambahnya sebelum halaman itu bergerak.
Ulasan Pelanggan
Lihat apa yang pelanggan kami katakan tentang Zinn ini
Kategori
Dasar Zinner
Zinns Berkaitan
Bina dan gunakan API bahagian belakang yang selamat menggunakan Node.js atau Firebase
Bangunkan aplikasi web anda dengan NextJS ReactJS MongoDB Firebase TypeScript
