Sizin ön hissəniz hələ də jQuery, köhnə sinif komponentləri və ya köhnəlmiş Next.js quraşdırması üzərində işləyir və hər dəyişiklik lazımi vaxtdan daha uzun çəkir. Mən onu məhsul işləməyə davam edərkən, bir səhifəni bir dəfəyə müasir React və ya Next.js-ə TypeScript-də köçürürəm.
Mən sizin jQuery və ya köhnə React ön hissənizi müasir React və ya Next.js-ə, səhifəbəsəhifə köçürəcəyəm
Ön hissəniz üçün miqrasiya planı və nümunə olaraq köçürülmüş bir kiçik səhifə.
- Plan və bir nümunə səhifə
- Yazılı miqrasiya planı
- Mənbə kodu
Köhnə kodla yanaşı işləyən 3 səhifəyə qədər React və ya Next.js-ə köçürülür.
- 3 səhifəyə qədər köçürüldü
- Yazılı miqrasiya planı
- Mənbə kodu
8 səhifəyə qədər, paylaşılan komponentlər, TypeScript tipləri və testlər.
- 8 səhifəyə, komponentə, testə qədər
- Yazılı miqrasiya planı
- Mənbə kodu
Xüsusi Təklif İstəyin
Xüsusi Təklif İstəmək üçün Daxil Olun
Bu Zinner-dən fərdi təklif istəmək üçün pulsuz hesab yaradın və ya daxil olun.
Daxil ol / Qeydiyyatdan keçSatışdan Əvvəl Sual Verin
Sual Vermək üçün Daxil Olun
Platforma spamını azaltmaq üçün satışdan əvvəl mesajlar yalnız daxil olmuş istifadəçilər tərəfindən göndərilə bilər.
Bu Zinner-ə birbaşa mesaj göndərmək üçün pulsuz hesab yaradın və ya daxil olun.
Daxil ol / Qeydiyyatdan keçDaxil olmaq tələb olunur
Bu Zinnerə mesaj göndərmək üçün pulsuz hesab yaradın və ya daxil olun.
Daxil ol / Qeydiyyatdan keçDaxil olmaq tələb olunur
Fərdi təklif tələb etmək üçün pulsuz hesab yaradın və ya daxil olun.
Daxil ol / Qeydiyyatdan keçBir Baxışda
Qərar verməyinizə kömək edəcək bu xidmət haqqında əsas detallar. Zinn Hub tərəfindən yaradılıb, satıcı tərəfindən deyil.
Dəyər Mövqeyi
Miqrasiya Yanaşması
Texnologiya Yığını
Nə toxunulmaz qalır
Çatdırılma Sonrası Dəstək
Nə Əldə Edəcəksiniz
Tam Təsvir
Bəzi məhsullar işləyir və pul qazanır, lakin onların ön hissəsini dəyişdirmək çətinləşib: şablonlara yayılmış jQuery, illər əvvəlki React sinif komponentləri və ya hələ də Səhifələr Router-də olan Next.js tətbiqi. Tamamilə yenidən yazmaq məhsulu aylarla dondurur. Mən başqa bir şey edirəm: köhnə və yeni kod yanaşı işləyir və səhifələr bir-bir köçürülür, beləliklə istifadəçiləriniz üçün heç vaxt böyük bir keçid günü olmur.
Mən bunu əvvəlki bir layihədə NDA altında etdim: məhsul canlı qalarkən bir jQuery ön hissəsi səhifə-səhifə React-a köçürüldü.
Başlanğıc paketi sizə planı verir: mən köhnə ön hissəni oxuyuram, onun səhifələrini və paylaşılan hissələrini xəritələyirəm, riskləri sadalayıram və yanaşmanın işlək nümunəsi olaraq bir kiçik səhifəni köçürürəm. Standart paket üç səhifəyə və ya ekrana qədər köçürür. Qabaqcıl paket səkkizə qədər köçürür, onların ehtiyac duyduğu paylaşılan komponentləri qurur və məlumatları üçün TypeScript tipləri və əsas axınlar üçün testlərlə əhatə edir.
Nə qalır: sizin backend, sizin URL-lər və istifadəçilərin bildiyi davranış. Nə dəyişir: kodun necə təşkil edildiyi, beləliklə növbəti funksiya bir dəfə, bir yerdə yazılır. Çatdırılmadan sonra 14 gün ərzində, razılaşdığımız kimi işləməyən hər şeyi pulsuz olaraq düzəldirəm.
Səhifə sırası və plan zənglər olmadan sifariş söhbətində razılaşdırılır. Hər köçürülmüş səhifə öz-özünə göndərilir və siz hər iş günü yazılı status qeydi alırsınız.
Layihənizi tamamlamaq üçün addımlar
1. Köhnə ön hissəni xəritələyin - Mən şablonları, skriptləri və komponentləri nəzərdən keçirirəm və səhifələri, paylaşılan hissələri və qlobal vəziyyət və ya daxili skriptlər kimi riskli hər şeyi sadalayıram.
2. Sıranı razılaşdırın - Siz yazılı plan alırsınız: hansı səhifənin birinci gedəcəyi, onunla nəyin köçürüldüyü və köhnə və yeni kodun hər ikisi mövcud olarkən məhsulu necə paylaşdığı.
3. Körpü - Yeni React və ya Next.js kodu köhnə kodun yanında qurulur, hər səhifəni ona sahib olan tərəfə göndərən marşrutlaşdırma ilə.
4. Səhifələri bir-bir köçürün - Hər səhifə yenidən qurulur, köhnə versiyası ilə müqayisə edilir və öz-özünə keçirilir, beləliklə bir problem məhsula deyil, bir səhifəyə təsir edir.
5. Təhvil - Köçürülmüş səhifələr, qalanlar üçün yenilənmiş plan və növbəti səhifələr üçün izləniləcək nümunələr haqqında qısa bir qeyd.
Zinner Keyfiyyət Zəmanəti
Hər bir Zinner platformaya qoşulmazdan əvvəl nəzərdən keçirilir və təsdiqlənir.
Bütün xidmətlər keyfiyyət təminatı öhdəliyimizlə dəstəklənir.
Çatdırılan işi təsdiq edənə qədər ödənişiniz qorunur.
Paketləri müqayisə edin
| Funksiya | Başlanğıc | Standart | Qabaqcıl |
|---|---|---|---|
| Çatdırılma vaxtı | 4 gün | 10 gün | 21 gün |
| Düzəlişlər | 1 | 2 | 3 |
| Əhatə dairəsi | Plan və bir nümunə səhifə | 3 səhifəyə qədər köçürüldü | 8 səhifəyə qədər, komponentlər, testlər |
| Yazılı miqrasiya planı | ✓ | ✓ | ✓ |
| Mənbə kodu | ✓ | ✓ | ✓ |
Portfolio
Satıcının bu Zinn ilə əlaqəli iş nümunələri.
Formline: Stripe ilə Next.js mağazası
Klikləyə biləcəyiniz bir mağaza: 16 kolleksiyada 4 poster, URL-də qalan filtrlər və axtarış, səbət, açıq və tünd mövzular və demo sifarişlə və ya test rejimində real Stripe Checkout sessiyası ilə bitən bir ödəniş. Mən onu Tailwind CSS ilə TypeScript-də Next.js statik ixracı kimi qurdum. Kart ödənişləri serverdə səbəti yenidən qiymətləndirən və Stripe-ın vebhook imzasını yoxlayan bir Cloudflare Worker vasitəsilə keçir.
Next.js-də ikidilli şəxsi sayt
İngilis və rus dillərində bir səhifəlik şəxsi sayt, xidmətlər bölməsi və demo layihələrimə keçidlər. Mən onu Next.js, React və TypeScript ilə statik ixrac kimi dizayn etdim və qurdum, sadə CSS Modulları ilə və heç bir UI çərçivəsi olmadan tərtib etdim. O, açıq və tünd mövzulara malikdir və hər dil üçün sosial önizləmə şəkli qurulma zamanı yaradılır. GitHub Actions onu Bunny CDN-ə qurur və yerləşdirir, bu da təhlükəsizlik başlıqlarını əlavə edir və www və sadə HTTP-ni əsas HTTPS ünvanına yönləndirir.
Xidmət Detalları
Tez-tez verilən suallar
Çünki məhsul aylarla dayanacaq və bütün risk bir buraxılış gününə düşəcəkdi. Səhifə-səhifə, hər addım kiçik, test edilə bilən və geri qaytarılması asandır.
Səhifələr öz ünvanlarını saxlayır. Next.js ilə yeni səhifələr brauzerə hazır HTML olaraq çatır, serverdə və ya qurulma zamanı render edilir, beləliklə axtarış motorları məzmunu əvvəlki kimi görür. Vite ilə React brauzerdə render edir, buna görə axtarış trafikini gətirən səhifələr üçün Next.js-i tövsiyə edirəm.
Bəli. Köçürülmüş səhifələr TypeScript-də yazılır və köhnə kod növbəsi gələnə qədər JavaScript olaraq işləməyə davam edir.
Xeyr. Miqrasiya yalnız ön hissəyə toxunur. Backendinizdə bir səhifənin ehtiyac duyduğu məlumatlar üçün artıq son nöqtələr varsa, yeni səhifə onları istifadə edir. Əgər bu məlumatlar bu gün yalnız PHP tərəfindən render edilmiş HTML olaraq mövcuddursa, plan səhifənin ehtiyac duyduğu kiçik JSON son nöqtələrini sadalayır və biz bu səhifə köçürülməzdən əvvəl kimin onları əlavə edəcəyini razılaşdırırıq.
Müştəri Rəyləri
Müştərilərimizin bu Zinn haqqında nə dediyini görün
Kateqoriyalar
Zinner Siyasətləri
Əlaqəli Zinns
Figma-dan React Veb Tətbiqi İnkişafı - Next.js, Node.js, Firebase və Supabase
HTML, CSS, javascript, PHP, wordpress və ya prestashop səhvlərini və xətalarını düzəldin
