మీ ఫ్రంట్ ఎండ్ ఇప్పటికీ jQuery, పాత క్లాస్ కాంపోనెంట్‌లు లేదా పాత Next.js సెటప్‌లో నడుస్తోంది, మరియు ప్రతి మార్పుకు ఎక్కువ సమయం పడుతుంది. నేను దానిని ఆధునిక రియాక్ట్ లేదా Next.jsకి టైప్‌స్క్రిప్ట్‌లో ఒక్కో పేజీని ఒకేసారి మారుస్తాను, ఉత్పత్తి పని చేస్తూనే ఉంటుంది.
నేను మీ jQuery లేదా లెగసీ రియాక్ట్ ఫ్రంట్ ఎండ్‌ను ఆధునిక రియాక్ట్ లేదా Next.jsకి, పేజీ వారీగా మారుస్తాను
మీ ఫ్రంట్ ఎండ్‌కు ఒక మైగ్రేషన్ ప్లాన్ మరియు నమూనాగా ఒక చిన్న పేజీని మార్చడం.
- ప్లాన్ మరియు ఒక నమూనా పేజీ
- వ్రాసిన మైగ్రేషన్ ప్లాన్
- సోర్స్ కోడ్
3 పేజీల వరకు రియాక్ట్ లేదా Next.jsకి మార్చబడింది, పాత కోడ్‌తో పాటు నడుస్తుంది.
- వరకు 3 పేజీలు మార్చబడ్డాయి
- వ్రాసిన మైగ్రేషన్ ప్లాన్
- సోర్స్ కోడ్
8 పేజీల వరకు, షేర్డ్ కాంపోనెంట్‌లు, టైప్‌స్క్రిప్ట్ రకాలు మరియు పరీక్షలు.
- వరకు 8 పేజీలు, కాంపోనెంట్‌లు, పరీక్షలు
- వ్రాసిన మైగ్రేషన్ ప్లాన్
- సోర్స్ కోడ్
అనుకూల ఆఫర్‌ను అభ్యర్థించండి
అనుకూల ఆఫర్ కోసం లాగిన్ అవ్వండి
ఈ Zinner నుండి వ్యక్తిగతీకరించిన ఆఫర్‌ను అభ్యర్థించడానికి ఉచిత ఖాతాను సృష్టించండి లేదా లాగిన్ చేయండి.
లాగిన్ / నమోదు చేయండిముందస్తు-అమ్మకాల ప్రశ్న అడగండి
ప్రశ్న అడగడానికి లాగిన్ అవ్వండి
ప్లాట్‌ఫారమ్ స్పామ్ను తగ్గించడానికి, ప్రీ-సేల్ సందేశాలను లాగిన్ చేసిన వినియోగదారులు మాత్రమే పంపగలరు.
ఈ జిన్నర్కు నేరుగా సందేశం పంపడానికి ఉచిత ఖాతాను సృష్టించండి లేదా లాగిన్ చేయండి.
లాగిన్ / నమోదు చేయండిలాగిన్ అవసరం
ఈ Zinnerకి సందేశం పంపడానికి ఉచిత ఖాతాను సృష్టించండి లేదా లాగిన్ చేయండి.
లాగిన్ / నమోదు చేయండిలాగిన్ అవసరం
వ్యక్తిగతీకరించిన ఆఫర్‌ను అభ్యర్థించడానికి ఉచిత ఖాతాను సృష్టించండి లేదా లాగిన్ చేయండి.
లాగిన్ / నమోదు చేయండిఒక చూపులో
మీరు నిర్ణయం తీసుకోవడంలో సహాయపడటానికి ఈ సేవ గురించిన ముఖ్య వివరాలు. Zinn Hub ద్వారా రూపొందించబడింది, విక్రేత ద్వారా కాదు.
విలువ స్థానం
మైగ్రేషన్ విధానం
టెక్ స్టాక్
ఏది చెక్కుచెదరకుండా ఉంటుంది
డెలివరీ అనంతర మద్దతు
మీరు ఏమి అందుకుంటారు
పూర్తి వివరణ
కొన్ని ఉత్పత్తులు పని చేస్తాయి మరియు డబ్బు సంపాదిస్తాయి, కానీ వాటి ఫ్రంట్ ఎండ్ మార్చడం కష్టంగా మారింది: టెంప్లేట్‌లలో jQuery వ్యాపించింది, సంవత్సరాల క్రితం నుండి రియాక్ట్ క్లాస్ కాంపోనెంట్‌లు లేదా పేజెస్ రూటర్‌లో ఇప్పటికీ ఉన్న Next.js యాప్. పూర్తి రీరైట్ ఉత్పత్తిని నెలల తరబడి స్తంభింపజేస్తుంది. నేను మరొక పని చేస్తాను: పాత మరియు కొత్త కోడ్ పక్కపక్కనే నడుస్తాయి మరియు పేజీలు ఒక్కొక్కటిగా కదులుతాయి, కాబట్టి మీ వినియోగదారులకు పెద్ద స్విచ్-ఓవర్ రోజు ఎప్పుడూ ఉండదు.
నేను గత NDA ప్రాజెక్ట్‌లో సరిగ్గా ఇదే చేసాను: ఉత్పత్తి ప్రత్యక్ష ప్రసారంలో ఉన్నప్పుడు jQuery ఫ్రంట్ ఎండ్ పేజీ వారీగా రియాక్ట్‌కి మార్చబడింది.
స్టార్టర్ మీకు ప్లాన్‌ను అందిస్తుంది: నేను పాత ఫ్రంట్ ఎండ్‌ను చదువుతాను, దాని పేజీలు మరియు షేర్డ్ భాగాలను మ్యాప్ చేస్తాను, ప్రమాదాలను జాబితా చేస్తాను మరియు విధానానికి పని చేసే నమూనాగా ఒక చిన్న పేజీని మైగ్రేట్ చేస్తాను. స్టాండర్డ్ మూడు పేజీలు లేదా స్క్రీన్‌ల వరకు కదులుతుంది. అడ్వాన్స్‌డ్ ఎనిమిది వరకు కదులుతుంది, వాటికి అవసరమైన షేర్డ్ కాంపోనెంట్‌లను నిర్మిస్తుంది మరియు వాటి డేటా కోసం టైప్‌స్క్రిప్ట్ రకాలు మరియు ప్రధాన ప్రవాహాల కోసం పరీక్షలతో వాటిని కవర్ చేస్తుంది.
ఏది ఉంటుంది: మీ బ్యాకెండ్, మీ URLలు మరియు వినియోగదారులకు తెలిసిన ప్రవర్తన. ఏది మారుతుంది: కోడ్ ఎలా నిర్వహించబడుతుంది, తద్వారా తదుపరి ఫీచర్ ఒకసారి, ఒకే చోట వ్రాయబడుతుంది. డెలివరీ అయిన 14 రోజుల తర్వాత, మేము అంగీకరించిన విధంగా పని చేయని ఏదైనా ఉంటే, నేను ఉచితంగా పరిష్కరిస్తాను.
పేజీ క్రమం మరియు ప్లాన్ ఆర్డర్ చాట్‌లో, కాల్స్ లేకుండా అంగీకరించబడతాయి. ప్రతి మైగ్రేట్ చేయబడిన పేజీ దాని స్వంతంగా రవాణా చేయబడుతుంది మరియు మీరు ప్రతి పని దినం వ్రాసిన స్థితి గమనికను పొందుతారు.
మీ ప్రాజెక్ట్‌ను పూర్తి చేయడానికి దశలు
1. పాత ఫ్రంట్ ఎండ్‌ను మ్యాప్ చేయండి - నేను టెంప్లేట్‌లు, స్క్రిప్ట్‌లు మరియు కాంపోనెంట్‌లను పరిశీలిస్తాను మరియు పేజీలు, భాగస్వామ్య భాగాలు మరియు గ్లోబల్ స్టేట్ లేదా ఇన్‌లైన్ స్క్రిప్ట్‌ల వంటి ప్రమాదకరమైన వాటిని జాబితా చేస్తాను.
2. ఆర్డర్‌ను అంగీకరించండి - మీకు వ్రాతపూర్వక ప్రణాళిక లభిస్తుంది: ఏ పేజీ ముందుగా వస్తుంది, దానితో ఏమి కదులుతుంది మరియు పాత మరియు కొత్త కోడ్ రెండూ ఉన్నప్పుడు ఉత్పత్తిని ఎలా పంచుకుంటాయి.
3. బ్రిడ్జ్ - కొత్త రియాక్ట్ లేదా Next.js కోడ్ పాత కోడ్‌కు పక్కన సెటప్ చేయబడింది, ప్రతి పేజీని ఏ వైపుకు పంపినా దానికి రూటింగ్ ఉంటుంది.
4. పేజీలను ఒక్కొక్కటిగా తరలించండి - ప్రతి పేజీ పునర్నిర్మించబడుతుంది, పాత వెర్షన్‌తో పోల్చబడుతుంది మరియు దాని స్వంతంగా మార్చబడుతుంది, కాబట్టి ఒక సమస్య ఒక పేజీని ప్రభావితం చేస్తుంది, ఉత్పత్తిని కాదు.
5. హ్యాండ్‌ఓవర్ - మైగ్రేట్ చేయబడిన పేజీలు, మిగిలి ఉన్న వాటి కోసం నవీకరించబడిన ప్రణాళిక మరియు తదుపరి పేజీల కోసం అనుసరించాల్సిన నమూనాలపై ఒక చిన్న గమనిక.
Zinner నాణ్యత హామీ
ప్రతి Zinner ప్లాట్‌ఫారమ్‌లో చేరడానికి ముందు సమీక్షించబడి మరియు ఆమోదించబడతారు.
అన్ని సేవలు మా నాణ్యత హామీ నిబద్ధత ద్వారా మద్దతునిస్తాయి.
మీరు డెలివరీ చేయబడిన పనిని ఆమోదించే వరకు మీ చెల్లింపు రక్షించబడుతుంది.
ప్యాకేజీలను సరిపోల్చండి
| ఫంక్షన్ | స్టార్టర్ | ప్రామాణికం | అధునాతన |
|---|---|---|---|
| డెలివరీ సమయం | 4 రోజులు | 10 రోజులు | 21 రోజులు |
| పునర్విమర్శలు | 1 | 2 | 3 |
| పరిధి | ప్రణాళిక మరియు ఒక నమూనా పేజీ | 3 పేజీల వరకు తరలించబడింది | 8 పేజీలు, భాగాలు, పరీక్షలు వరకు |
| వ్రాసిన మైగ్రేషన్ ప్రణాళిక | ✓ | ✓ | ✓ |
| మూల కోడ్ | ✓ | ✓ | ✓ |
పోర్ట్‌ఫోలియో
ఈ Zinnకి సంబంధించిన విక్రేత పనికి ఉదాహరణలు.
ఫార్మ్‌లైన్: స్ట్రైప్‌తో Next.js స్టోర్
మీరు క్లిక్ చేయగల స్టోర్‌ఫ్రంట్: 16 సేకరణలలో 4 పోస్టర్‌లు, URLలో ఉండే ఫిల్టర్‌లు మరియు శోధన, ఒక కార్ట్, లైట్ మరియు డార్క్ థీమ్‌లు మరియు డెమో ఆర్డర్ లేదా టెస్ట్ మోడ్‌లో నిజమైన స్ట్రైప్ చెక్‌అవుట్ సెషన్‌తో ముగిసే చెక్‌అవుట్. నేను దీన్ని టైల్‌విండ్ CSSతో టైప్‌స్క్రిప్ట్‌లో Next.js స్టాటిక్ ఎగుమతిగా నిర్మించాను. కార్డ్ చెల్లింపులు క్లౌడ్‌ఫ్లేర్ వర్కర్ ద్వారా జరుగుతాయి, ఇది సర్వర్‌లో కార్ట్‌ను తిరిగి ధర నిర్ణయిస్తుంది మరియు స్ట్రైప్ యొక్క వెబ్‌హుక్ సంతకాన్ని ధృవీకరిస్తుంది.
Next.jsలో ద్విభాషా వ్యక్తిగత సైట్
ఇంగ్లీష్ మరియు రష్యన్ భాషలలో ఒక పేజీ వ్యక్తిగత సైట్, సేవల విభాగం మరియు నా డెమో ప్రాజెక్ట్‌లకు లింక్‌లతో. నేను దీన్ని Next.js, రియాక్ట్ మరియు టైప్‌స్క్రిప్ట్‌తో స్టాటిక్ ఎగుమతిగా డిజైన్ చేసి నిర్మించాను, సాధారణ CSS మాడ్యూల్స్ మరియు UI ఫ్రేమ్‌వర్క్ లేకుండా స్టైల్ చేయబడింది. ఇది లైట్ మరియు డార్క్ థీమ్‌లను కలిగి ఉంది మరియు ప్రతి భాషకు ఒక సామాజిక ప్రివ్యూ చిత్రం బిల్డ్ సమయంలో ఉత్పత్తి చేయబడుతుంది. GitHub Actions దీన్ని బన్నీ CDNకి నిర్మిస్తుంది మరియు విస్తరిస్తుంది, ఇది భద్రతా హెడర్‌లను జోడిస్తుంది మరియు www మరియు సాధారణ HTTPని ప్రధాన HTTPS చిరునామాకు దారి మళ్లిస్తుంది.
సేవా వివరాలు
తరచుగా అడిగే ప్రశ్నలు
ఎందుకంటే ఉత్పత్తి నెలల తరబడి నిలిచిపోతుంది మరియు అన్ని ప్రమాదాలు ఒకే విడుదల రోజున వస్తాయి. పేజీల వారీగా, ప్రతి అడుగు చిన్నది, పరీక్షించదగినది మరియు తిరిగి మార్చడం సులభం.
పేజీలు వాటి చిరునామాలను ఉంచుకుంటాయి. Next.jsతో, కొత్త పేజీలు బ్రౌజర్‌కు సిద్ధంగా ఉన్న HTMLగా చేరుకుంటాయి, సర్వర్‌లో లేదా బిల్డ్ సమయంలో రెండర్ చేయబడతాయి, కాబట్టి శోధన ఇంజిన్‌లు కంటెంట్‌ను మునుపటిలాగే చూస్తాయి. Viteతో రియాక్ట్ బ్రౌజర్‌లో రెండర్ చేస్తుంది, కాబట్టి శోధన ట్రాఫిక్‌ను తీసుకువచ్చే పేజీల కోసం నేను Next.jsని సిఫార్సు చేస్తాను.
అవును. మైగ్రేట్ చేయబడిన పేజీలు టైప్‌స్క్రిప్ట్‌లో వ్రాయబడ్డాయి మరియు పాత కోడ్ దాని వంతు వచ్చే వరకు జావాస్క్రిప్ట్‌గా నడుస్తూనే ఉంటుంది.
లేదు. మైగ్రేషన్ ఫ్రంట్ ఎండ్‌ను మాత్రమే తాకుతుంది. మీ బ్యాకెండ్‌లో ఇప్పటికే ఒక పేజీకి అవసరమైన డేటా కోసం ఎండ్‌పాయింట్‌లు ఉన్న చోట, కొత్త పేజీ వాటిని ఉపయోగిస్తుంది. ఆ డేటా ఈ రోజు PHP ద్వారా రెండర్ చేయబడిన HTMLగా మాత్రమే ఉంటే, ప్రణాళిక పేజీకి అవసరమైన చిన్న JSON ఎండ్‌పాయింట్‌లను జాబితా చేస్తుంది మరియు ఆ పేజీ తరలించడానికి ముందు వాటిని ఎవరు జోడిస్తారో మేము అంగీకరిస్తాము.
కస్టమర్ సమీక్షలు
ఈ Zinn గురించి మా కస్టమర్‌లు ఏమంటున్నారో చూడండి
వర్గాలు
జిన్నర్ విధానాలు
సంబంధిత Zinns
Next.js, Supabase, GraphQL, MongoDB, Firebaseలో బగ్‌లను పరిష్కరించండి
NextJS, ReactJS, Firebase మరియు Supabase ఉపయోగించి వెబ్ యాప్‌ను అభివృద్ధి చేయండి
