Front end yako bado inaendeshwa kwenye jQuery, vipengele vya zamani vya darasa au usanidi wa Next.js uliopitwa na wakati, na kila mabadiliko huchukua muda mrefu kuliko inavyopaswa. Ninaisogeza kwenye React ya kisasa au Next.js katika TypeScript ukurasa mmoja kwa wakati, huku bidhaa ikiendelea kufanya kazi.
Nitasogeza jQuery yako au React ya zamani hadi React ya kisasa au Next.js, ukurasa kwa ukurasa
Mpango wa uhamiaji kwa upande wako wa mbele na ukurasa mmoja mdogo uliosogezwa kama sampuli.
- Panga na ukurasa mmoja wa sampuli
- Mpango wa uhamiaji ulioandikwa
- Msimbo wa chanzo
Hadi kurasa 3 zilizohamishwa hadi React au Next.js, zikiendeshwa karibu na msimbo wa zamani.
- Hadi kurasa 3 zilizohamishwa
- Mpango wa uhamiaji ulioandikwa
- Msimbo wa chanzo
Hadi kurasa 8, vipengele vilivyoshirikiwa, aina za TypeScript na majaribio.
- Hadi kurasa 8, vipengele, majaribio
- Mpango wa uhamiaji ulioandikwa
- Msimbo wa chanzo
Omba Ofa Maalum
Ingia ili Uombe Ofa Maalum
Fungua akaunti ya bure au ingia ili kuomba ofa maalum kutoka kwa Zinner huyu.
Ingia / JisajiliUliza Swali Kabla ya Kuuza
Ingia ili Ulize Swali
Ili kupunguza barua taka kwenye jukwaa, jumbe za mauzo ya awali zinaweza kutumwa tu na watumiaji walioingia.
Fungua akaunti ya bure au ingia ili kumtumia ujumbe Zinner huyu moja kwa moja.
Ingia / JisajiliKuingia kunahitajika
Fungua akaunti ya bure au ingia ili kumtumia ujumbe Zinner huyu.
Ingia / JisajiliKuingia kunahitajika
Fungua akaunti ya bure au ingia ili kuomba ofa iliyobinafsishwa.
Ingia / JisajiliKwa Mtazamo
Maelezo muhimu kuhusu huduma hii kukusaidia kuamua. Imetolewa na Zinn Hub, si muuzaji.
Nafasi ya Thamani
Mbinu ya Uhamiaji
Mrundikano wa Teknolojia
Kinachobaki Sawa
Usaidizi Baada ya Uwasilishaji
Utakachopokea
Maelezo Kamili
Baadhi ya bidhaa hufanya kazi na hupata pesa, lakini upande wao wa mbele umekuwa mgumu kubadilisha: jQuery imeenea kwenye violezo, vipengele vya darasa la React kutoka miaka iliyopita, au programu ya Next.js bado kwenye Pages Router. Uandishi upya kamili hugandisha bidhaa kwa miezi. Mimi hufanya jambo lingine: msimbo wa zamani na mpya huendeshwa sambamba, na kurasa huhamia moja baada ya nyingine, kwa hivyo hakuna siku kubwa ya kubadilisha kwa watumiaji wako.
Nilifanya hivi hasa kwenye mradi uliopita chini ya NDA: upande wa mbele wa jQuery ulihamishwa hadi React ukurasa kwa ukurasa huku bidhaa ikiendelea kuwa hai.
Kianzio kinakupa mpango: Ninasoma upande wa mbele wa zamani, ninaweka ramani ya kurasa zake na sehemu zilizoshirikiwa, ninaorodhesha hatari, na kuhamisha ukurasa mmoja mdogo kama sampuli ya kufanya kazi ya mbinu. Kawaida huhamisha hadi kurasa au skrini tatu. Advanced huhamisha hadi nane, hujenga vipengele vilivyoshirikiwa wanavyohitaji, na kuvifunika kwa aina za TypeScript kwa data zao na majaribio kwa mtiririko mkuu.
Kinachobaki: backend yako, URL zako na tabia wanayoijua watumiaji. Kinachobadilika: jinsi msimbo unavyopangwa, ili kipengele kinachofuata kiandikwe mara moja, mahali pamoja. Kwa siku 14 baada ya kuwasilishwa, narekebisha chochote ambacho hakifanyi kazi kama tulivyokubaliana, bila malipo.
Mpangilio wa ukurasa na mpango unakubaliwa kwenye gumzo la agizo, bila simu. Kila ukurasa uliohamishwa husafirishwa peke yake, na unapata noti ya hali iliyoandikwa kila siku ya kazi.
Hatua za kukamilisha mradi wako
1. Panga upande wa mbele wa zamani - Ninapitia violezo, hati na vipengele, na kuorodhesha kurasa, sehemu zilizoshirikiwa na chochote hatari, kama vile hali ya kimataifa au hati za ndani.
2. Kubaliana na mpangilio - Unapata mpango ulioandikwa: ni ukurasa gani unaenda kwanza, kinachohamia nao, na jinsi msimbo wa zamani na mpya unavyoshiriki bidhaa wakati wote wawili wapo.
3. Daraja - Msimbo mpya wa React au Next.js umewekwa karibu na msimbo wa zamani, na uelekezaji unaotuma kila ukurasa kwa upande wowote unaomiliki.
4. Hamisha kurasa moja baada ya nyingine - Kila ukurasa hujengwa upya, kulinganishwa na toleo la zamani na kubadilishwa peke yake, kwa hivyo tatizo huathiri ukurasa mmoja, sio bidhaa.
5. Kukabidhi - Kurasa zilizohamishwa, mpango uliosasishwa wa kilichobaki, na noti fupi juu ya mifumo ya kufuata kwa kurasa zinazofuata.
Dhamana ya Ubora wa Zinner
Kila Zinner hukaguliwa na kuidhinishwa kabla ya kujiunga na jukwaa.
Huduma zote zinaungwa mkono na ahadi yetu ya uhakikisho wa ubora.
Malipo yako yanalindwa hadi uidhinishe kazi iliyokamilishwa.
Linganisha Vifurushi
| Kazi | Mwanzo | Kawaida | Ya Juu |
|---|---|---|---|
| Muda wa Uwasilishaji | 4 siku | 10 siku | 21 siku |
| Marekebisho | 1 | 2 | 3 |
| Upeo | Panga na ukurasa mmoja wa sampuli | Hadi kurasa 3 zilizohamishwa | Hadi kurasa 8, vipengele, majaribio |
| Mpango wa uhamiaji ulioandikwa | ✓ | ✓ | ✓ |
| Msimbo wa chanzo | ✓ | ✓ | ✓ |
Kwingineko
Mifano ya kazi ya muuzaji inayohusiana na Zinn hii.
Formline: Duka la Next.js na Stripe
Duka unaloweza kubofya: mabango 16 katika makusanyo 4, vichungi na utafutaji unaobaki kwenye URL, rukwama, mandhari mepesi na meusi, na malipo yanayoishia kwa agizo la onyesho au kikao halisi cha Stripe Checkout katika hali ya majaribio. Niliijenga kama Next.js static export katika TypeScript na Tailwind CSS. Malipo ya kadi hupitia Cloudflare Worker ambayo hupanga upya bei ya rukwama kwenye seva na kuthibitisha saini ya webhook ya Stripe.
Tovuti ya kibinafsi ya lugha mbili katika Next.js
Tovuti ya kibinafsi ya ukurasa mmoja kwa Kiingereza na Kirusi, na sehemu ya huduma na viungo vya miradi yangu ya onyesho. Niliibuni na kuijenga na Next.js, React na TypeScript kama static export, iliyopambwa na CSS Modules tupu na hakuna mfumo wa UI. Ina mandhari mepesi na meusi, na picha ya hakikisho ya kijamii kwa kila lugha inazalishwa wakati wa kujenga. GitHub Actions huijenga na kuipeleka kwa Bunny CDN, ambayo huongeza vichwa vya usalama na kuelekeza www na HTTP tupu kwa anwani kuu ya HTTPS.
Maelezo ya Huduma
Maswali Yanayoulizwa Mara kwa Mara
Kwa sababu bidhaa ingesimama kwa miezi na hatari zote zingeangukia kwenye siku moja ya kutolewa. Ukurasa kwa ukurasa, kila hatua ni ndogo, inaweza kujaribiwa na ni rahisi kurudisha nyuma.
Kurasa huweka anwani zao. Kwa Next.js, kurasa mpya hufikia kivinjari kama HTML tayari, iliyotolewa kwenye seva au wakati wa kujenga, kwa hivyo injini za utafutaji huona maudhui kama hapo awali. React na Vite hutolewa kwenye kivinjari, kwa hivyo kwa kurasa zinazoleta trafiki ya utafutaji ninapendekeza Next.js.
Ndiyo. Kurasa zilizohamishwa zimeandikwa kwa TypeScript, na msimbo wa zamani unaendelea kuendeshwa kama JavaScript hadi zamu yake ifike.
Hapana. Uhamiaji hugusa upande wa mbele tu. Ambapo backend yako tayari ina vituo vya data ambavyo ukurasa unahitaji, ukurasa mpya hutumia. Ikiwa data hiyo ipo tu kama HTML iliyotolewa na PHP leo, mpango unaorodhesha vituo vidogo vya JSON ambavyo ukurasa unahitaji, na tunakubaliana ni nani anayeviongeza kabla ya ukurasa huo kuhamia.
Maoni ya Wateja
Angalia wateja wetu wanasema nini kuhusu Zinn hii
Kategoria
Sera za Zinner
Zinns Zinazohusiana
Tengeneza programu kamili za wavuti na React, Next.js, Firebase & ujumuishaji wa AI
