Ön ucunuz hala jQuery, eski sınıf bileşenleri veya güncel olmayan bir Next.js kurulumu üzerinde çalışıyor ve her değişiklik olması gerekenden daha uzun sürüyor. Ürün çalışmaya devam ederken, bunu TypeScript'te modern React veya Next.js'ye her seferinde bir sayfa olacak şekilde taşıyorum.
jQuery veya eski React ön ucunuzu modern React veya Next.js'ye, sayfa sayfa taşıyacağım
Ön ucunuz için bir geçiş planı ve örnek olarak taşınmış küçük bir sayfa.
- Plan ve bir örnek sayfa
- Yazılı geçiş planı
- Kaynak kodu
Eski kodun yanında çalışan, 3 sayfaya kadar React veya Next.js'e taşınmış sayfalar.
- 3 sayfaya kadar taşındı
- Yazılı geçiş planı
- Kaynak kodu
8 sayfaya kadar, paylaşılan bileşenler, TypeScript türleri ve testler.
- 8 sayfaya kadar, bileşenler, testler
- Yazılı geçiş planı
- Kaynak kodu
Özel Bir Teklif İste
Özel Bir Teklif İstemek İçin Giriş Yapın
Ücretsiz bir hesap oluşturun veya bu Zinner'dan kişiselleştirilmiş bir teklif istemek için giriş yapın.
Giriş Yap / Kayıt OlSatın Almadan Önce Soru Sorun
Soru Sormak İçin Giriş Yapın
Platform spam'ını azaltmak için, satış öncesi mesajlar yalnızca giriş yapmış kullanıcılar tarafından gönderilebilir.
Ücretsiz bir hesap oluşturun veya bu Zinner ile mesajlaşmak için giriş yapın.
Giriş Yap / Kayıt OlGiriş gerekli
Ücretsiz bir hesap oluşturun veya bu Zinner ile mesaj göndermek için giriş yapın.
Giriş Yap / Kayıt OlGiriş gerekli
Kişiselleştirilmiş bir teklif istemek için ücretsiz bir hesap oluşturun veya giriş yapın.
Giriş Yap / Kayıt OlBir Bakışta
Bu hizmet hakkında karar vermenize yardımcı olacak önemli ayrıntılar. Zinn Hub tarafından oluşturulmuştur, satıcı tarafından değil.
Değer Konumu
Geçiş Yaklaşımı
Teknoloji Yığını
Ne Bozulmadan Kalır
Teslimat Sonrası Destek
Ne Alacaksınız
Tam Açıklama
Bazı ürünler çalışır ve para kazandırır, ancak ön uçları değiştirmesi zor hale gelmiştir: şablonlara yayılmış jQuery, yıllar öncesinden kalma React sınıf bileşenleri veya hala Pages Router'da olan bir Next.js uygulaması. Tam bir yeniden yazım, ürünü aylarca dondurur. Ben diğerini yapıyorum: eski ve yeni kod yan yana çalışır ve sayfalar birer birer taşınır, böylece kullanıcılarınız için asla büyük bir geçiş günü olmaz.
Tam olarak bunu, NDA kapsamındaki geçmiş bir projede yaptım: ürün canlı kalırken bir jQuery ön ucu sayfa sayfa React'e taşındı.
Başlangıç paketi size planı verir: eski ön ucu okur, sayfalarını ve paylaşılan parçalarını haritalandırır, riskleri listeler ve yaklaşımın çalışan bir örneği olarak küçük bir sayfayı taşırım. Standart, üç sayfaya veya ekrana kadar taşır. Gelişmiş, sekiz sayfaya kadar taşır, ihtiyaç duydukları paylaşılan bileşenleri oluşturur ve verileri için TypeScript türleri ve ana akışlar için testlerle kapsar.
Ne kalır: arka ucunuz, URL'leriniz ve kullanıcıların bildiği davranış. Ne değişir: kodun nasıl organize edildiği, böylece bir sonraki özellik bir kez, tek bir yerde yazılır. Teslimattan sonra 14 gün boyunca, anlaştığımız gibi çalışmayan her şeyi ücretsiz olarak düzeltirim.
Sayfa sırası ve plan, çağrılar olmadan sipariş sohbetinde kararlaştırılır. Her taşınan sayfa kendi başına gönderilir ve her iş günü yazılı bir durum notu alırsınız.
Projenizi tamamlama adımları
1. Eski ön ucu haritalandırın - Şablonları, komut dosyalarını ve bileşenleri gözden geçirir, sayfaları, paylaşılan parçaları ve genel durum veya satır içi komut dosyaları gibi riskli her şeyi listelerim.
2. Sırayı kararlaştırın - Yazılı bir plan alırsınız: hangi sayfa önce gider, onunla birlikte ne taşınır ve eski ile yeni kod, ikisi de varken ürünü nasıl paylaşır.
3. Köprü - Yeni React veya Next.js kodu, eski kodun yanına kurulur ve her sayfayı hangi tarafın sahip olduğuna gönderen bir yönlendirme ile.
4. Sayfaları tek tek taşıyın - Her sayfa yeniden oluşturulur, eski sürümüyle karşılaştırılır ve kendi başına geçiş yapılır, böylece bir sorun ürünü değil, bir sayfayı etkiler.
5. Devir - Taşınan sayfalar, kalanlar için güncellenmiş plan ve sonraki sayfalar için izlenecek desenler hakkında kısa bir not.
Zinner Kalite Garantisi
Her Zinner platforma katılmadan önce incelenir ve onaylanır.
Tüm hizmetler kalite güvence taahhüdümüz tarafından desteklenmektedir.
Ödemeniz, teslim edilen işi onaylayana kadar korunur.
Paketleri Karşılaştır
| Fonksiyon | Başlangıç | Standart | Gelişmiş |
|---|---|---|---|
| Teslimat Süresi | 4 gün | 10 gün | 21 gün |
| Revizyonlar | 1 | 2 | 3 |
| Kapsam | Plan ve bir örnek sayfa | 3 sayfaya kadar taşındı | 8 sayfaya kadar, bileşenler, testler |
| Yazılı geçiş planı | ✓ | ✓ | ✓ |
| Kaynak kodu | ✓ | ✓ | ✓ |
Portföy
Satıcının bu Zinn ile ilgili çalışmalarına örnekler.
Formline: Stripe ile Next.js mağazası
Tıklayabileceğiniz bir mağaza: 16 koleksiyonda 4 poster, URL'de kalan filtreler ve arama, bir sepet, açık ve koyu temalar ve demo siparişle veya test modunda gerçek bir Stripe Ödeme oturumuyla biten bir ödeme. Bunu Tailwind CSS ile TypeScript'te bir Next.js statik dışa aktarımı olarak oluşturdum. Kart ödemeleri, sepeti sunucuda yeniden fiyatlandıran ve Stripe'ın webhook imzasını doğrulayan bir Cloudflare Worker aracılığıyla yapılır.
Next.js'de iki dilli kişisel site
İngilizce ve Rusça tek sayfalık kişisel bir site, hizmetler bölümü ve demo projelerime bağlantılar. Bunu Next.js, React ve TypeScript ile statik bir dışa aktarım olarak tasarladım ve oluşturdum, düz CSS Modülleri ile stilize ettim ve UI çerçevesi kullanmadım. Açık ve koyu temaları var ve her dil için bir sosyal önizleme görüntüsü derleme zamanında oluşturuluyor. GitHub Actions, onu Bunny CDN'ye inşa eder ve dağıtır, bu da güvenlik başlıkları ekler ve www ve düz HTTP'yi ana HTTPS adresine yönlendirir.
Hizmet Detayları
Sıkça Sorulan Sorular
Çünkü ürün aylarca durur ve tüm risk tek bir yayın gününe binerdi. Sayfa sayfa, her adım küçük, test edilebilir ve geri alınması kolaydır.
Sayfalar adreslerini korur. Next.js ile yeni sayfalar tarayıcıya hazır HTML olarak ulaşır, sunucuda veya derleme zamanında oluşturulur, böylece arama motorları içeriği eskisi gibi görür. Vite ile React tarayıcıda oluşturulur, bu nedenle arama trafiği getiren sayfalar için Next.js'i öneririm.
Evet. Taşınan sayfalar TypeScript ile yazılır ve eski kod sırası gelene kadar JavaScript olarak çalışmaya devam eder.
Hayır. Geçiş sadece ön ucu etkiler. Arka ucunuzda bir sayfanın ihtiyaç duyduğu veriler için zaten uç noktalar varsa, yeni sayfa bunları kullanır. Bu veriler bugün sadece PHP tarafından oluşturulan HTML olarak mevcutsa, plan sayfanın ihtiyaç duyduğu küçük JSON uç noktalarını listeler ve o sayfa taşınmadan önce kimin ekleyeceğini kararlaştırırız.
Müşteri Yorumları
Müşterilerimizin Zinn hakkında neler söylediğini görün
Kategoriler
Zinner Politikaları
İlgili Zinns
Web Uygulamalarında Firebase Supabase Node.js Kimlik Doğrulama ve Veritabanını Entegre Edin
Next.js, Supabase, GraphQL, MongoDB, Firebase'deki hataları düzeltin
