የእርስዎ የፊት ለፊት ክፍል አሁንም በjQuery፣ በአሮጌ የክፍል ክፍሎች ወይም ጊዜ ያለፈበት Next.js ማዋቀር ላይ ይሰራል፣ እና እያንዳንዱ ለውጥ ከሚገባው በላይ ጊዜ ይወስዳል። ምርቱ እየሰራ እያለ አንድ ገጽ በጊዜ ወደ ዘመናዊ React ወይም Next.js በTypeScript አዘዋውረዋለሁ።
የእርስዎን jQuery ወይም የቆየ የReact የፊት ለፊት ክፍል ወደ ዘመናዊ React ወይም Next.js፣ ገጽ በገጽ አዘዋውራለሁ።
ለፊት ለፊት ክፍልዎ የፍልሰት እቅድ እና አንድ ትንሽ ገጽ እንደ ናሙና ተንቀሳቅሷል።
- እቅድ እና አንድ ናሙና ገጽ
- የተጻፈ የፍልሰት እቅድ
- ምንጭ ኮድ
እስከ 3 ገጾች ወደ React ወይም Next.js ተንቀሳቅሰዋል፣ ከአሮጌው ኮድ ጎን ለጎን እየሰሩ።
- እስከ 3 ገጾች ተንቀሳቅሰዋል
- የተጻፈ የፍልሰት እቅድ
- ምንጭ ኮድ
እስከ 8 ገጾች፣ የተጋሩ ክፍሎች፣ TypeScript አይነቶች እና ሙከራዎች።
- እስከ 8 ገጾች፣ ክፍሎች፣ ሙከራዎች
- የተጻፈ የፍልሰት እቅድ
- ምንጭ ኮድ
ብጁ ቅናሽ ይጠይቁ
ከሽያጭ በፊት ጥያቄ ይጠይቁ
ጥያቄ ለመጠየቅ ይግቡ
የመድረክ አይፈለጌ መልዕክትን ለመቀነስ፣ ቅድመ-ሽያጭ መልዕክቶች ሊላኩ የሚችሉት በገቡ ተጠቃሚዎች ብቻ ነው።
ነፃ መለያ ይፍጠሩ ወይም ይህን Zinner በቀጥታ ለመላክ ይግቡ።
ግባ / ይመዝገቡበአጭሩ
ይህንን አገልግሎት ለመወሰን የሚረዱ ቁልፍ ዝርዝሮች። በZinn Hub የተፈጠረ፣ በሻጩ አይደለም።
የእሴት አቀማመጥ
የፍልሰት አቀራረብ
የቴክኖሎጂ ቁልል
ምን ሳይነካ ይቀራል
ከማድረስ በኋላ ድጋፍ
የሚያገኙት
ሙሉ መግለጫ
አንዳንድ ምርቶች ይሰራሉ እና ገንዘብ ያገኛሉ፣ ነገር ግን የፊት ለፊት ክፍላቸው ለመለወጥ አስቸጋሪ ሆኗል: jQuery በአብነቶች ላይ ተሰራጭቷል፣ ከዓመታት በፊት የነበሩ የReact class ክፍሎች፣ ወይም አሁንም በPages Router ላይ ያለ Next.js መተግበሪያ። ሙሉ በሙሉ እንደገና መጻፍ ምርቱን ለወራት ያቆማል። እኔ ሌላውን ነገር አደርጋለሁ: አሮጌ እና አዲስ ኮድ ጎን ለጎን ይሰራሉ፣ እና ገጾች አንድ በአንድ ይንቀሳቀሳሉ፣ ስለዚህ ለተጠቃሚዎችዎ ትልቅ የመቀየሪያ ቀን በጭራሽ አይኖርም።
ይህንኑ በትክክል ባለፈው ፕሮጀክት ላይ በNDA ስር አድርጌያለሁ: አንድ jQuery የፊት ለፊት ክፍል ምርቱ እየሰራ እያለ ገጽ በገጽ ወደ React ተንቀሳቅሷል።
ጀማሪው እቅዱን ይሰጥዎታል: የድሮውን የፊት ለፊት ክፍል አነባለሁ፣ ገጾቹን እና የተጋሩ ክፍሎቹን እዘረዝራለሁ፣ ስጋቶቹን እዘረዝራለሁ፣ እና አንድ ትንሽ ገጽ እንደ አቀራረቡ የስራ ናሙና አዘዋውራለሁ። ስታንዳርድ እስከ ሶስት ገጾች ወይም ስክሪኖች ያንቀሳቅሳል። አድቫንስድ እስከ ስምንት ያንቀሳቅሳል፣ የሚያስፈልጋቸውን የተጋሩ ክፍሎች ይገነባል፣ እና ለውሂባቸው በTypeScript አይነቶች እና ለዋና ፍሰቶች ሙከራዎች ይሸፍናቸዋል።
የሚቀረው: የእርስዎ የኋላ ክፍል፣ የእርስዎ ዩአርኤሎች እና ተጠቃሚዎች የሚያውቁት ባህሪ። የሚለወጠው: ኮዱ እንዴት እንደተደራጀ፣ ስለዚህ ቀጣዩ ባህሪ አንድ ጊዜ፣ በአንድ ቦታ ላይ ይጻፋል። ከተሰጠበት ቀን በኋላ ለ14 ቀናት፣ እንደተስማማነው የማይሰራውን ማንኛውንም ነገር ከክፍያ ነጻ አስተካክላለሁ።
የገጽ ቅደም ተከተል እና እቅዱ በጥሪዎች ሳይሆን በቅደም ተከተል ውይይት ውስጥ ይስማማሉ። እያንዳንዱ የተዘዋወረ ገጽ በራሱ ይላካል፣ እና በየስራ ቀን የተጻፈ የሁኔታ ማስታወሻ ያገኛሉ።
ፕሮጀክትዎን ለማጠናቀቅ የሚረዱ እርምጃዎች
1. የድሮውን የፊት ለፊት ክፍል ማዘጋጀት - አብነቶችን፣ ስክሪፕቶችን እና ክፍሎችን እመለከታለሁ፣ እና ገጾችን፣ የተጋሩ ክፍሎችን እና እንደ አለምአቀፍ ሁኔታ ወይም የውስጥ ስክሪፕቶች ያሉ አደገኛ ነገሮችን እዘረዝራለሁ።
2. ቅደም ተከተሉን መስማማት - የጽሁፍ እቅድ ያገኛሉ፡ የትኛው ገጽ መጀመሪያ እንደሚሄድ፣ ከእሱ ጋር ምን እንደሚንቀሳቀስ እና የድሮ እና አዲስ ኮድ ሁለቱም እያሉ ምርቱን እንዴት እንደሚጋሩ።
3. ድልድይ - አዲሱ React ወይም Next.js ኮድ ከድሮው ኮድ አጠገብ ይዘጋጃል፣ እያንዳንዱን ገጽ ወደ ባለቤቱ የሚልክ መስመር አለው።
4. ገጾችን አንድ በአንድ ማንቀሳቀስ - እያንዳንዱ ገጽ እንደገና ይገነባል፣ ከድሮው ስሪት ጋር ይነጻጸራል እና በራሱ ይቀየራል፣ ስለዚህ ችግር አንድ ገጽን እንጂ ምርቱን አይጎዳም።
5. ማስረከብ - የተዘዋወሩ ገጾች፣ ለቀሪው የተሻሻለው እቅድ እና ለሚቀጥሉት ገጾች መከተል ያለባቸውን ቅጦች በተመለከተ አጭር ማስታወሻ።
የZinner ጥራት ዋስትና
እያንዳንዱ Zinner መድረኩን ከመቀላቀሉ በፊት ይገመገማል እና ይፀድቃል።
ሁሉም አገልግሎቶች በጥራት ማረጋገጫ ቁርጠኝነታችን የተደገፉ ናቸው።
የተሰጠውን ስራ እስኪያፀድቁ ድረስ ክፍያዎ የተጠበቀ ነው።
ጥቅሎችን ያወዳድሩ
| ተግባር | ጀማሪ | መደበኛ | የላቀ |
|---|---|---|---|
| የማስረከቢያ ጊዜ | 4 ቀናት | 10 ቀናት | 21 ቀናት |
| ክለሳዎች | 1 | 2 | 3 |
| ወሰን | እቅድ እና አንድ ናሙና ገጽ | እስከ 3 ገጾች ተንቀሳቅሰዋል | እስከ 8 ገጾች፣ ክፍሎች፣ ሙከራዎች |
| የጽሁፍ የዝውውር እቅድ | ✓ | ✓ | ✓ |
| ምንጭ ኮድ | ✓ | ✓ | ✓ |
ፖርትፎሊዮ
ከዚህ Zinn ጋር የተያያዙ የሻጩ ሥራዎች ምሳሌዎች።
ፎርምላይን፡ Next.js ማከማቻ ከ Stripe ጋር
ሊጫኑት የሚችሉት የሱቅ ፊት ለፊት፡ 16 ፖስተሮች በ4 ስብስቦች ውስጥ፣ በማህደር ውስጥ የሚቆዩ ማጣሪያዎች እና ፍለጋዎች፣ ጋሪ፣ ቀላል እና ጨለማ ገጽታዎች፣ እና በሙከራ ሁነታ በዴሞ ትዕዛዝ ወይም በእውነተኛ የStripe Checkout ክፍለ ጊዜ የሚያልቅ ክፍያ። በNext.js ስታቲክ ኤክስፖርት በTypeScript ከTailwind CSS ጋር ገንብቼዋለሁ። የካርድ ክፍያዎች በCloudflare Worker በኩል ያልፋሉ ይህም ጋሪውን በአገልጋዩ ላይ እንደገና ይገመግማል እና የStripeን የድር መንጠቆ ፊርማ ያረጋግጣል።
ባለሁለት ቋንቋ የግል ጣቢያ በNext.js
አንድ ገጽ ያለው የግል ጣቢያ በእንግሊዝኛ እና በሩሲያኛ፣ የአገልግሎት ክፍል እና ወደ የእኔ ማሳያ ፕሮጀክቶች የሚወስዱ አገናኞች። በNext.js፣ React እና TypeScript እንደ ስታቲክ ኤክስፖርት ነድፌ ገንብቼዋለሁ፣ በቀላል CSS ሞጁሎች እና ያለ UI ማዕቀፍ። ቀላል እና ጨለማ ገጽታዎች አሉት፣ እና ለእያንዳንዱ ቋንቋ የማህበራዊ ቅድመ እይታ ምስል በግንባታ ጊዜ ይፈጠራል። GitHub Actions ይገነባል እና ወደ Bunny CDN ያሰማራዋል፣ ይህም የደህንነት ራስጌዎችን ይጨምራል እና www እና ቀላል HTTPን ወደ ዋናው HTTPS አድራሻ ያዞራል።
የአገልግሎት ዝርዝሮች
ተደጋግሞ የሚነሱ ጥያቄዎች
ምክንያቱም ምርቱ ለወራት ይቆማል እና ሁሉም አደጋ በአንድ የመልቀቂያ ቀን ላይ ያርፋል። ገጽ በገጽ፣ እያንዳንዱ እርምጃ ትንሽ፣ ሊሞከር የሚችል እና ለመመለስ ቀላል ነው።
ገጾች አድራሻቸውን ይይዛሉ። በNext.js፣ አዲሶቹ ገጾች እንደ ዝግጁ HTML ወደ አሳሹ ይደርሳሉ፣ በአገልጋዩ ላይ ወይም በግንባታ ጊዜ ይቀርባሉ፣ ስለዚህ የፍለጋ ፕሮግራሞች ይዘቱን እንደበፊቱ ያዩታል። React ከVite ጋር በአሳሹ ውስጥ ይቀርባል፣ ስለዚህ የፍለጋ ትራፊክ ለሚያመጡ ገጾች Next.jsን እመክራለሁ።
አዎ። የተዘዋወሩ ገጾች በTypeScript የተጻፉ ናቸው፣ እና የድሮው ኮድ ተራው እስኪደርስ ድረስ እንደ JavaScript መስራቱን ይቀጥላል።
አይደለም። ዝውውሩ የፊት ለፊት ክፍልን ብቻ ይነካል። የኋላ ክፍልዎ አንድ ገጽ ለሚያስፈልገው መረጃ የመጨረሻ ነጥቦች ካሉት፣ አዲሱ ገጽ ይጠቀምባቸዋል። ያ መረጃ ዛሬ በPHP በተሰራ HTML ብቻ የሚገኝ ከሆነ፣ እቅዱ ገጹ የሚያስፈልጋቸውን ትናንሽ JSON የመጨረሻ ነጥቦችን ይዘረዝራል፣ እና ያ ገጽ ከመንቀሳቀሱ በፊት ማን እንደሚጨምራቸው እንስማማለን።
የደንበኛ ግምገማዎች
ደንበኞቻችን ስለዚ Zinn ምን እንደሚሉ ይመልከቱ
