உங்கள் முன்முனை இன்னும் jQuery, பழைய வகுப்பு கூறுகள் அல்லது காலாவதியான Next.js அமைப்பில் இயங்குகிறது, மேலும் ஒவ்வொரு மாற்றமும் தேவைக்கு அதிகமாக நேரம் எடுக்கிறது. நான் அதை நவீன React அல்லது Next.js க்கு TypeScript இல் ஒரு நேரத்தில் ஒரு பக்கமாக நகர்த்துகிறேன், அதே நேரத்தில் தயாரிப்பு தொடர்ந்து செயல்படும்.
உங்கள் jQuery அல்லது மரபுவழி React முன்முனையை நவீன React அல்லது Next.js க்கு, பக்கம் பக்கமாக மாற்றுவேன்
உங்கள் முன் முனைக்கான ஒரு இடம்பெயர்வு திட்டம் மற்றும் ஒரு சிறிய பக்கம் ஒரு மாதிரியாக மாற்றப்பட்டது.
- திட்டம் மற்றும் ஒரு மாதிரி பக்கம்
- எழுத்துப்பூர்வ இடம்பெயர்வு திட்டம்
- மூலக் குறியீடு
3 பக்கங்கள் வரை React அல்லது Next.js க்கு மாற்றப்பட்டது, பழைய குறியீட்டிற்கு அடுத்ததாக இயங்குகிறது.
- வரை 3 பக்கங்கள் மாற்றப்பட்டது
- எழுத்துப்பூர்வ இடம்பெயர்வு திட்டம்
- மூலக் குறியீடு
8 பக்கங்கள் வரை, பகிரப்பட்ட கூறுகள், TypeScript வகைகள் மற்றும் சோதனைகள்.
- வரை 8 பக்கங்கள், கூறுகள், சோதனைகள்
- எழுத்துப்பூர்வ இடம்பெயர்வு திட்டம்
- மூலக் குறியீடு
தனிப்பயன் சலுகையைக் கோரவும்
தனிப்பயன் சலுகையைக் கோர உள்நுழையவும்
இந்த Zinner இடமிருந்து தனிப்பயனாக்கப்பட்ட சலுகையைக் கோர ஒரு இலவச கணக்கை உருவாக்கவும் அல்லது உள்நுழையவும்.
உள்நுழைய / பதிவு செய்யமுன் விற்பனை கேள்வியைக் கேளுங்கள்
ஒரு கேள்வியைக் கேட்க உள்நுழையவும்
தள ஸ்பேமைக் குறைக்க, முன் விற்பனை செய்திகளை உள்நுழைந்த பயனர்கள் மட்டுமே அனுப்ப முடியும்.
இந்த Zinner உடன் நேரடியாக செய்தி அனுப்ப ஒரு இலவச கணக்கை உருவாக்கவும் அல்லது உள்நுழையவும்.
உள்நுழைய / பதிவு செய்யஉள்நுழைவு தேவை
இந்த Zinnerருக்கு செய்தி அனுப்ப ஒரு இலவச கணக்கை உருவாக்கவும் அல்லது உள்நுழையவும்.
உள்நுழைய / பதிவு செய்யஉள்நுழைவு தேவை
தனிப்பயனாக்கப்பட்ட சலுகையைக் கோர இலவச கணக்கை உருவாக்கவும் அல்லது உள்நுழையவும்.
உள்நுழைய / பதிவு செய்யஒரு பார்வையில்
நீங்கள் முடிவெடுக்க உதவும் இந்தச் சேவை பற்றிய முக்கிய விவரங்கள். Zinn Hub ஆல் உருவாக்கப்பட்டது, விற்பனையாளரால் அல்ல.
மதிப்பு நிலை
இடம்பெயர்வு அணுகுமுறை
தொழில்நுட்ப அடுக்கு
என்ன அப்படியே இருக்கும்
டெலிவரிக்குப் பிந்தைய ஆதரவு
நீங்கள் பெறுவது என்ன
முழு விளக்கம்
சில தயாரிப்புகள் வேலை செய்து பணம் சம்பாதிக்கின்றன, ஆனால் அவற்றின் முன் முனை மாற்ற கடினமாகிவிட்டது: டெம்ப்ளேட்களில் பரவியுள்ள jQuery, பல ஆண்டுகளுக்கு முந்தைய React வகுப்பு கூறுகள் அல்லது Pages Router இல் இன்னும் இருக்கும் Next.js பயன்பாடு. ஒரு முழுமையான மறுஎழுத்து தயாரிப்பை மாதக்கணக்கில் முடக்குகிறது. நான் மற்றதைச் செய்கிறேன்: பழைய மற்றும் புதிய குறியீடு அருகருகே இயங்குகிறது, மேலும் பக்கங்கள் ஒவ்வொன்றாக நகர்கின்றன, எனவே உங்கள் பயனர்களுக்கு ஒரு பெரிய மாற்றும் நாள் ஒருபோதும் இருக்காது.
NDA இன் கீழ் ஒரு கடந்தகால திட்டத்தில் நான் இதைச் செய்தேன்: தயாரிப்பு நேரலையில் இருக்கும்போது ஒரு jQuery முன் முனை React பக்கமாக மாற்றப்பட்டது.
ஸ்டார்டர் உங்களுக்கு திட்டத்தை வழங்குகிறது: நான் பழைய முன் முனையைப் படித்து, அதன் பக்கங்கள் மற்றும் பகிரப்பட்ட பகுதிகளை வரைபடமாக்குகிறேன், அபாயங்களை பட்டியலிடுகிறேன், மேலும் அணுகுமுறையின் ஒரு வேலை செய்யும் மாதிரியாக ஒரு சிறிய பக்கத்தை மாற்றுகிறேன். ஸ்டாண்டர்ட் மூன்று பக்கங்கள் அல்லது திரைகள் வரை நகர்த்துகிறது. அட்வான்ஸ்டு எட்டு வரை நகர்த்துகிறது, அவற்றுக்குத் தேவையான பகிரப்பட்ட கூறுகளை உருவாக்குகிறது, மேலும் அவற்றின் தரவுக்கான TypeScript வகைகளுடன் மற்றும் முக்கிய ஓட்டங்களுக்கான சோதனைகளுடன் அவற்றை உள்ளடக்குகிறது.
என்ன அப்படியே இருக்கும்: உங்கள் பின்தளம், உங்கள் URLகள் மற்றும் பயனர்கள் அறிந்த நடத்தை. என்ன மாறுகிறது: குறியீடு எவ்வாறு ஒழுங்கமைக்கப்பட்டுள்ளது, எனவே அடுத்த அம்சம் ஒருமுறை, ஒரே இடத்தில் எழுதப்படுகிறது. விநியோகத்திற்குப் பிறகு 14 நாட்களுக்கு, நாங்கள் ஒப்புக்கொண்டபடி வேலை செய்யாத எதையும் நான் இலவசமாக சரிசெய்கிறேன்.
பக்க வரிசை மற்றும் திட்டம் அழைப்புகள் இல்லாமல் ஆர்டர் அரட்டையில் ஒப்புக்கொள்ளப்படுகின்றன. ஒவ்வொரு மாற்றப்பட்ட பக்கமும் தனியாக அனுப்பப்படுகிறது, மேலும் ஒவ்வொரு வேலை நாளிலும் உங்களுக்கு ஒரு எழுதப்பட்ட நிலை குறிப்பு கிடைக்கும்.
உங்கள் திட்டத்தை முடிப்பதற்கான படிகள்
1. பழைய முன்முனையை வரைபடமாக்குங்கள் - நான் டெம்ப்ளேட்டுகள், ஸ்கிரிப்டுகள் மற்றும் கூறுகளைப் பார்த்து, பக்கங்கள், பகிரப்பட்ட பகுதிகள் மற்றும் உலகளாவிய நிலை அல்லது இன்லைன் ஸ்கிரிப்டுகள் போன்ற ஆபத்தான எதையும் பட்டியலிடுகிறேன்.
2. வரிசையை ஒப்புக்கொள்ளுங்கள் - உங்களுக்கு ஒரு எழுதப்பட்ட திட்டம் கிடைக்கும்: எந்தப் பக்கம் முதலில் வருகிறது, அதனுடன் என்ன நகர்கிறது, மற்றும் பழைய மற்றும் புதிய குறியீடு இரண்டும் இருக்கும்போது தயாரிப்பை எவ்வாறு பகிர்ந்து கொள்கின்றன.
3. பாலம் - புதிய React அல்லது Next.js குறியீடு பழைய குறியீட்டிற்கு அடுத்ததாக அமைக்கப்பட்டுள்ளது, ஒவ்வொரு பக்கத்தையும் அதன் உரிமையாளருக்கு அனுப்பும் ரூட்டிங்குடன்.
4. பக்கங்களை ஒவ்வொன்றாக நகர்த்தவும் - ஒவ்வொரு பக்கமும் மீண்டும் உருவாக்கப்பட்டு, பழைய பதிப்புடன் ஒப்பிடப்பட்டு, தானாகவே மாற்றப்படுகிறது, இதனால் ஒரு சிக்கல் ஒரு பக்கத்தை மட்டுமே பாதிக்கிறது, தயாரிப்பை அல்ல.
5. ஒப்படைப்பு - மாற்றப்பட்ட பக்கங்கள், மீதமுள்ளவற்றுக்கான புதுப்பிக்கப்பட்ட திட்டம், மற்றும் அடுத்த பக்கங்களுக்குப் பின்பற்ற வேண்டிய வடிவங்கள் குறித்த ஒரு சிறிய குறிப்பு.
Zinner தர உத்தரவாதம்
ஒவ்வொரு Zinner-ம் தளத்தில் சேருவதற்கு முன் மதிப்பாய்வு செய்யப்பட்டு அங்கீகரிக்கப்படுகிறார்.
அனைத்து சேவைகளும் எங்கள் தர உறுதிப்பாட்டு உறுதிமொழியால் ஆதரிக்கப்படுகின்றன.
நீங்கள் வழங்கப்பட்ட வேலையை அங்கீகரிக்கும் வரை உங்கள் கட்டணம் பாதுகாக்கப்படும்.
தொகுப்புகளை ஒப்பிடுக
| செயல்பாடு | ஸ்டார்டர் | நிலையானது | மேம்பட்ட |
|---|---|---|---|
| டெலிவரி நேரம் | 4 நாட்கள் | 10 நாட்கள் | 21 நாட்கள் |
| திருத்தங்கள் | 1 | 2 | 3 |
| நோக்கம் | திட்டம் மற்றும் ஒரு மாதிரி பக்கம் | 3 பக்கங்கள் வரை நகர்த்தப்பட்டன | 8 பக்கங்கள், கூறுகள், சோதனைகள் வரை |
| எழுதப்பட்ட இடம்பெயர்வு திட்டம் | ✓ | ✓ | ✓ |
| மூலக் குறியீடு | ✓ | ✓ | ✓ |
போர்ட்ஃபோலியோ
இந்த Zinn தொடர்பான விற்பனையாளரின் வேலைக்கான எடுத்துக்காட்டுகள்.
ஃபார்ம்லைன்: ஸ்ட்ரைப் உடன் Next.js ஸ்டோர்
நீங்கள் கிளிக் செய்யக்கூடிய ஒரு ஸ்டோர்ப்ரண்ட்: 16 சேகரிப்புகளில் 4 சுவரொட்டிகள், URL இல் இருக்கும் வடிப்பான்கள் மற்றும் தேடல், ஒரு வண்டி, ஒளி மற்றும் இருண்ட தீம்கள், மற்றும் ஒரு டெமோ ஆர்டர் அல்லது சோதனை பயன்முறையில் ஒரு உண்மையான ஸ்ட்ரைப் செக்அவுட் அமர்வில் முடிவடையும் ஒரு செக்அவுட். நான் அதை Next.js ஸ்டேடிக் எக்ஸ்போர்ட்டாக டைப்ஸ்கிரிப்ட் உடன் டெயில்விண்ட் CSS உடன் உருவாக்கினேன். கார்டு கொடுப்பனவுகள் ஒரு கிளவுட்ஃப்ளேர் ஒர்க்கர் வழியாக செல்கின்றன, இது சேவையகத்தில் வண்டியை மறுவிலை நிர்ணயம் செய்து ஸ்ட்ரைப்பின் வெப்ஹூக் கையொப்பத்தை சரிபார்க்கிறது.
Next.js இல் இருமொழி தனிப்பட்ட தளம்
ஆங்கிலம் மற்றும் ரஷ்ய மொழிகளில் ஒரு பக்க தனிப்பட்ட தளம், ஒரு சேவைகள் பிரிவு மற்றும் எனது டெமோ திட்டங்களுக்கான இணைப்புகளுடன். நான் அதை Next.js, React மற்றும் TypeScript உடன் ஒரு ஸ்டேடிக் எக்ஸ்போர்ட்டாக வடிவமைத்து உருவாக்கினேன், சாதாரண CSS தொகுதிகள் மற்றும் UI கட்டமைப்பு இல்லாமல் ஸ்டைல் செய்யப்பட்டது. இது ஒளி மற்றும் இருண்ட தீம்களைக் கொண்டுள்ளது, மேலும் ஒவ்வொரு மொழிக்கும் ஒரு சமூக முன்னோட்டப் படம் உருவாக்கப்படும் நேரத்தில் உருவாக்கப்படுகிறது. GitHub Actions அதை Bunny CDN க்கு உருவாக்கி வரிசைப்படுத்துகிறது, இது பாதுகாப்பு தலைப்புகளைச் சேர்த்து www மற்றும் சாதாரண HTTP ஐ முக்கிய HTTPS முகவரிக்கு திருப்பி விடுகிறது.
சேவை விவரங்கள்
அடிக்கடி கேட்கப்படும் கேள்விகள்
ஏனென்றால், தயாரிப்பு பல மாதங்கள் ஸ்தம்பித்துவிடும், மேலும் அனைத்து அபாயங்களும் ஒரே வெளியீட்டு நாளில் வந்து சேரும். பக்கம் பக்கமாக, ஒவ்வொரு படியும் சிறியது, சோதிக்கக்கூடியது மற்றும் எளிதாகப் பின்வாங்கக்கூடியது.
பக்கங்கள் அவற்றின் முகவரிகளைத் தக்கவைத்துக்கொள்கின்றன. Next.js உடன், புதிய பக்கங்கள் உலாவியைத் தயாரான HTML ஆக அடைகின்றன, சேவையகத்தில் அல்லது உருவாக்க நேரத்தில் வழங்கப்படுகின்றன, எனவே தேடுபொறிகள் உள்ளடக்கத்தை முன்பைப் போலவே பார்க்கின்றன. Vite உடன் React உலாவியில் வழங்குகிறது, எனவே தேடல் போக்குவரத்தை கொண்டு வரும் பக்கங்களுக்கு நான் Next.js ஐ பரிந்துரைக்கிறேன்.
ஆம். மாற்றப்பட்ட பக்கங்கள் TypeScript இல் எழுதப்பட்டுள்ளன, மேலும் பழைய குறியீடு அதன் முறை வரும் வரை JavaScript ஆக இயங்குகிறது.
இல்லை. இடம்பெயர்வு முன்முனையை மட்டுமே தொடும். உங்கள் பின்தளத்தில் ஒரு பக்கத்திற்குத் தேவையான தரவுகளுக்கான இறுதிப்புள்ளிகள் ஏற்கனவே இருந்தால், புதிய பக்கம் அவற்றைப் பயன்படுத்துகிறது. அந்தத் தரவு இன்று PHP ஆல் வழங்கப்பட்ட HTML ஆக மட்டுமே இருந்தால், அந்தப் பக்கத்திற்குத் தேவையான சிறிய JSON இறுதிப்புள்ளிகளைத் திட்டம் பட்டியலிடுகிறது, மேலும் அந்தப் பக்கம் நகர்வதற்கு முன்பு அவற்றை யார் சேர்க்கிறார்கள் என்பதை நாங்கள் ஒப்புக்கொள்கிறோம்.
வாடிக்கையாளர் மதிப்புரைகள்
இந்த Zinn பற்றி எங்கள் வாடிக்கையாளர்கள் என்ன சொல்கிறார்கள் என்று பாருங்கள்
வகைகள்
Zinner கொள்கைகள்
தொடர்புடைய Zinns
Firebase & AI ஒருங்கிணைப்புடன் தொழில்முறை React Frontend மேம்பாடு
Figma to React Web App Development - Next.js, Node.js, Firebase & Supabase
HTML, CSS, javascript, jquery, PHP, mysql சிக்கல்களை சரிசெய்யவும்
