ඔබට සෑම තිරයකම — දුරකථනය, ටැබ්ලටය සහ ඩෙස්ක්ටොප් — ක්රියා කරන, ඉක්මනින් පූරණය වන සහ පසුව ඔබට අයිති වෙබ් අඩවියක් අවශ්ය වේ. මම එය React හෝ Next.js වලින් ගොඩනඟන අතර, එයට පසුපෙළක් අවශ්ය වූ විට මම එය Rust හෝ Node මත TypeScript වලින් ලියන්නෙමි.
මම ඔබේ වෙබ් අඩවිය මුල සිට අග දක්වා ගොඩනඟන්නෙමි: React හෝ Next.js ඉදිරිපස, Rust හෝ Node පසුපස
Next.js හි තනි ප්රතිචාරාත්මක පිටුවක්, ඔබේ අන්තර්ගතය, යොදවා ක්රියාත්මක වේ.
- එක් පිටුවක්, ගොඩනඟා සජීවීව
- නිර්මාණ අභිරුචිකරණය
- ප්රතිචාරාත්මක නිර්මාණය
- මූලාශ්ර කේතය
- 1 පිටුව
5 පිටු දක්වා, කුඩා API එකකට සම්බන්ධ කර ඇති පෝරම සහ තැපෑල, ඔබේම වසමෙහි සජීවීව.
- පසුබිමක් සහිත පිටු 5 දක්වා
- නිර්මාණ අභිරුචිකරණය
- අන්තර්ගත උඩුගත කිරීම
- ප්රතිචාරාත්මක නිර්මාණය
- මූලාශ්ර කේතය
- 5 පිටු දක්වා
10පිටු, ගිණුම් සහ දත්ත සමුදායක්, පරිපාලක තිර, Docker, සියල්ල ඔබේ ගබඩාවේ.
- වෙබ් යෙදුම
- නිර්මාණ අභිරුචිකරණය
- අන්තර්ගත උඩුගත කිරීම
- ප්රතිචාරාත්මක නිර්මාණය
- මූලාශ්ර කේතය
- 10 පිටු දක්වා
අභිරුචි දීමනාවක් ඉල්ලන්න
අභිරුචි දීමනාවක් ඉල්ලීමට පිවිසෙන්න
මෙම Zinner වෙතින් පුද්ගලීකරණය කළ දීමනාවක් ඉල්ලීමට නොමිලේ ගිණුමක් සාදන්න හෝ පිවිසෙන්න.
පිවිසෙන්න / ලියාපදිංචි වන්නපෙර-විකුණුම් ප්රශ්නයක් අසන්න
ප්රශ්නයක් ඇසීමට පිවිසෙන්න
වේදිකා ස්පෑම් අඩු කිරීම සඳහා, පෙර-විකුණුම් පණිවිඩ යැවිය හැක්කේ පිවිසී සිටින පරිශීලකයින්ට පමණි.
මෙම Zinner වෙත සෘජුවම පණිවිඩ යැවීමට නොමිලේ ගිණුමක් සාදන්න හෝ පිවිසෙන්න.
පිවිසෙන්න / ලියාපදිංචි වන්නපිවිසීම අවශ්යයි
මෙම Zinner වෙත පණිවිඩයක් යැවීමට නොමිලේ ගිණුමක් සාදන්න හෝ ලොග් වන්න.
පිවිසෙන්න / ලියාපදිංචි වන්නපිවිසීම අවශ්යයි
පුද්ගලීකරණය කළ පිරිනැමීමක් ඉල්ලීමට නොමිලේ ගිණුමක් සාදන්න හෝ ලොග් වන්න.
පිවිසෙන්න / ලියාපදිංචි වන්නඑක් බැල්මකින්
ඔබට තීරණය කිරීමට උපකාර වන මෙම සේවාව පිළිබඳ ප්රධාන විස්තර. Zinn Hub විසින් ජනනය කරන ලදී, විකුණුම්කරු විසින් නොවේ.
අගය පිහිටීම
තාක්ෂණික තොගය
හිමිකාරිත්වය සහ අතේ ගෙන යා හැකි බව
ප්රතිචාරාත්මක නිර්මාණය
සහාය කාලය
ඔබට ලැබෙන දේ
සම්පූර්ණ විස්තරය
කුඩා ව්යාපාර, නිදහස් සේවකයින් සහ පළමු වෙබ් අඩවියක් දියත් කරන හෝ ව්යාපාරයට තවදුරටත් නොගැලපෙන වෙබ් අඩවියක් ප්රතිස්ථාපනය කරන ආරම්භකයින් සඳහා. Next.js එක් එක් පිටුව HTML වෙත පෙර-විදැහුම් කරයි, එබැවින් අමුත්තන් සහ සෙවුම් යන්ත්ර ස්ක්රිප්ට් සඳහා බලා නොසිට අන්තර්ගතය දකින අතර, එම ව්යාපෘතියට පසුව නැවත ආරම්භ නොකර ගිණුම් සහ දත්ත සමුදායක් එක් කළ හැක.
ආරම්භකයා එක් පිටුවකි: ගොඩබෑමක් හෝ ව්යාපාරික කාඩ්පතක්, 360 px සිට පුළුල් ඩෙස්ක්ටොප් එකක් දක්වා ප්රතිචාරාත්මක, ඔබේ අන්තර්ගතය, යොදවා සජීවීව. සම්මතය යනු ක්රියාකාරී පෝරම සහ ඒවා පිටුපස තැපෑල සහිත පිටු පහක් දක්වා වූ වෙබ් අඩවියකි. උසස් යනු යෙදුමකට සමීප වේ: පිටු දහයක් දක්වා, ගිණුම් සහ දත්ත සමුදායක්, පරිපාලක තිර, Docker සහ CI, සියල්ල ඔබේ ගබඩාවේ. ස්ථරයකින් ඔබ්බට ඇති පිටු අමතර එකතු කිරීමකි.
මම සංවර්ධකයෙක් මිස නිර්මාණකරුවෙක් නොවේ. Figma ගොනුවක් හෝ ඔබ කැමති වෙබ් අඩවියක් එවන්න, මම එය අනුගමනය කරමි; කිසිදු නිර්මාණයක් නොමැතිව, ඔබට හොඳින් කියවන සහ කලාවක් ලෙස පෙනී නොසිටින පිරිසිදු සම්මත පිරිසැලසුමක් ලැබේ. ඔබට නිර්මාණකරුවෙකු සම්බන්ධ කර ගැනීමට අවශ්ය නම්, එසේ කියන්න, එයින් ලැබෙන දේ මම ඔබට අවංකව කියමි. මම පිටපත් නොලියන බැවින්, පෙළ සහ රූප ඔබෙන් පැමිණේ. ඒවා සූදානම් නැතිනම්, කේතය ස්පර්ශ නොකර ඔබට පසුව මාරු කළ හැකි පැහැදිලි ස්ථාන දරන්නන් සමඟ මම ගොඩනඟමි.
සියල්ල ඔබේ ගබඩාවට සහ ඔබේ සත්කාරකයට, ඔබේ ගිණුම්වලට යවනු ලැබේ: Vercel, Netlify හෝ ඔබේම සේවාදායකය. බිල්ඩර් අගුලු දැමීමක් නැත, මට මාසික ගාස්තුවක් නැත, මට පමණක් සංස්කරණය කළ හැකි පිටුවක් නැත. බෙදාහැරීමෙන් පසු දින 14 සඳහා, අපි එකඟ වූ පරිදි ක්රියා නොකරන ඕනෑම දෙයක් මම නොමිලේ නිවැරදි කරමි.
ඇමතුම් නැත. වැඩ ආරම්භ කිරීමට පෙර ලිඛිතව විෂය පථය, සෑම වැඩ කරන දිනකම අවසානයේ ලිඛිත යාවත්කාලීන කිරීමක් සහ එය ගොඩනඟන අතරතුර ඔබට ක්ලික් කළ හැකි පෙරදසුන් සබැඳියක්.
ඔබේ ව්යාපෘතිය සම්පූර්ණ කිරීම සඳහා පියවර
1. යමක් ගොඩනැගීමට පෙර විෂය පථය ලියා ඇත - ඔබේ පිටු ලැයිස්තුවක් බවට පත්වේ, ඒ සෑම එකක්ම එය පෙන්වන දේ සහ එය කරන දේ සමඟ. පෝරම, තැපැල්, ගිණුම්, පරිපාලක තිර: මෙහි නම් කර ඇත හෝ මිලෙහි නොවේ. ඔබ එම ලැයිස්තුව අනුමත කරන අතර එය කොන්ත්රාත්තුව බවට පත්වේ.
2. ඔබට ක්ලික් කළ හැකි අස්ථි කොටස - මාර්ග, පිරිසැලසුම සහ ප්රතිචාරාත්මක ජාලකය පෙරදසුන් සබැඳියක් මත පළමුව ඉහළට යයි. අන්තර්ගතයේ තනි වචනයක් තැබීමට පෙර ඔබ ඩෙස්ක්ටොප්, ටැබ්ලට් සහ දුරකථනය මත එකම ව්යුහය පරීක්ෂා කරන්න.
3. අන්තර්ගතය, පෝරම සහ පසුබිම - ඔබේ පෙළ සහ රූප ඇතුල් වේ, පෝරම තැපෑලට හෝ API එකකට සම්බන්ධ වේ, සහ ස්ථරය එයට ඇතුළත් වන තැන, ගිණුම් සහ දත්ත සමුදාය ඒවා පිටුපසින් ගොඩනගා ඇත.
4. පෙරදසුන් සබැඳිය මත සමාලෝචන වටය - ඔබ ක්ලික් කර එක් ලැයිස්තුවක නිවැරදි කිරීම් යවන්න. මම ඒවා නිවැරදි කර නැවත එකම සබැඳිය පෙන්වමි, එබැවින් සංශෝධනය පණිවිඩ ගලා ඒමක් නොව වටයකි.
5. යෙදවීම සහ භාරදීම - වෙබ් අඩවිය ඔබේ වසම සහ සත්කාරකත්වය මත සජීවීව යයි, කේතය ඔබේ ගබඩාවට ගොඩබසිනු ඇත, සහ අන්තර්ගතය වෙනස් කරන්නේ කෙසේද සහ නැවත යොදවන්නේ කෙසේද යන්න පිළිබඳ කෙටි ලිඛිත සටහනක් ඔබට ලැබේ.
Zinner තත්ත්ව සහතිකය
සෑම Zinner කෙනෙකුම වේදිකාවට සම්බන්ධ වීමට පෙර සමාලෝචනය කර අනුමත කරනු ලැබේ.
සියලුම සේවාවන් අපගේ තත්ත්ව සහතික කිරීමේ කැපවීම මගින් සහාය වේ.
ඔබ භාර දුන් කාර්යය අනුමත කරන තෙක් ඔබේ ගෙවීම ආරක්ෂා කර ඇත.
පැකේජ සසඳන්න
| කාර්යය | ආරම්භක | සම්මත | උසස් |
|---|---|---|---|
| භාරදීමේ වේලාව | 4 දින | 10 දින | 21 දින |
| සංශෝධන | 1 | 2 | 3 |
| විෂය පථය | එක් පිටුවක්, ගොඩනගා සජීවීව | පසුබිමක් සහිත පිටු 5 දක්වා | වෙබ් යෙදුම |
| නිර්මාණ අභිරුචිකරණය | ✓ | ✓ | ✓ |
| ප්රතිචාරාත්මක නිර්මාණය | ✓ | ✓ | ✓ |
| මූලාශ්ර කේතය | ✓ | ✓ | ✓ |
| අන්තර්ගතය උඩුගත කිරීම | ✕ | ✓ | ✓ |
| පිටු | 1 පිටුව | 5 පිටු දක්වා | 10 පිටු දක්වා |
පෝට්ෆෝලියෝ
මෙම Zinn ට අදාළ විකුණුම්කරුගේ වැඩ පිළිබඳ උදාහරණ.
ෆෝම්ලයින්: Stripe සමඟ Next.js වෙළඳසැල
ඔබට ක්ලික් කළ හැකි වෙළඳසැලක්: 16 එකතු කිරීම් වල 4 පෝස්ටර්, URL එකේ රැඳී සිටින පෙරහන් සහ සෙවීම්, කරත්තයක්, සැහැල්ලු සහ අඳුරු තේමා, සහ demo ඇණවුමකින් හෝ පරීක්ෂණ මාදිලියේ සැබෑ Stripe Checkout සැසියකින් අවසන් වන පිටවීමක්. මම එය Next.js ස්ථිතික අපනයනයක් ලෙස TypeScript සමඟ Tailwind CSS භාවිතයෙන් ගොඩනඟා ඇත. කාඩ්පත් ගෙවීම් Cloudflare Worker හරහා සිදු වන අතර එය සේවාදායකයේ කරත්තය නැවත මිල කර Stripe හි webhook අත්සන තහවුරු කරයි.
Next.js හි ද්විභාෂා පුද්ගලික වෙබ් අඩවිය
ඉංග්රීසි සහ රුසියානු භාෂාවලින් එක් පිටුවක පුද්ගලික වෙබ් අඩවියක්, සේවා අංශයක් සහ මගේ demo ව්යාපෘති වෙත සබැඳි සමඟින්. මම එය Next.js, React සහ TypeScript සමඟ ස්ථිතික අපනයනයක් ලෙස නිර්මාණය කර ගොඩනඟා ඇත, සරල CSS මොඩියුල සහ UI රාමුවක් නොමැතිව. එයට සැහැල්ලු සහ අඳුරු තේමා ඇති අතර, එක් එක් භාෂාව සඳහා සමාජ පෙරදසුන් රූපයක් ගොඩනැගීමේදී ජනනය වේ. GitHub Actions එය Bunny CDN වෙත ගොඩනඟා යොදවයි, එය ආරක්ෂක ශීර්ෂයන් එක් කරන අතර www සහ සරල HTTP ප්රධාන HTTPS ලිපිනයට හරවා යවයි.
සේවා විස්තර
නිතර අසන ප්රශ්න
මම ගොඩනඟනවා, මම අඳින්නේ නැහැ. Figma ගොනුවක් හෝ යොමු අඩවියක් සමඟ මම එය සමීපව අනුගමනය කරමි. එකක් නොමැතිව ඔබට පිරිසිදු සම්මත පිරිසැලසුමක්, හොඳ අකුරු, ඔබේ වර්ණ සහ ලාංඡනය ලැබේ. වෙළඳ නාමය නිෂ්පාදනය වන විට කැපවූ නිර්මාණකරුවෙකු වටිනවා.
එය පෝරම, තැපැල් සහ කුඩා පරිපාලනයක් නම්, TypeScript සමඟ Node ගන්න: දිගු කිරීමට ලාභදායී වන අතර ඊළඟ සංවර්ධකයාට භාර දීමට පහසුය. Rust එහි කාර්යය බර හෝ බර යටතේ වේගයෙන් පැවතිය යුතු තැන එහි ස්ථානය උපයා ගනී. ඔබ මිලදී ගැනීමට පෙර කුමක් ගැලපේදැයි මම කියන්නම්.
ඔබ ඒ සියල්ල අයිති කරගන්න: කේතය ඔබේ ගබඩාවේ ඇත, වෙබ් අඩවිය ඔබේ ගිණුම් යටතේ ඔබේ සත්කාරකත්වය මත ක්රියාත්මක වේ, සහ කිසිවක් මා හරහා බිල්පත් නොවේ. ඕනෑම සංවර්ධකයෙකුට එය ලබා ගත හැකිය, එය ගොඩනඟන්නෙකු භාවිතා නොකිරීමේ අරමුණයි.
වෙබ් අඩවිය බ්ලොග් අඩවියක් පමණක් නම්, WordPress සාධාරණ පිළිතුරක් වන අතර මම එසේ කියමි. වෙබ් අඩවිය යමක් කරන විට React හෝ Next.js ජය ගනී: පිවිසුම්, උපකරණ පුවරු, සැබෑ API, අභිරුචි ප්රවාහ, හෝ ප්ලගින ස්ටැක් වෙත ළඟා විය නොහැකි වේගය.
පාරිභෝගික සමාලෝචන
මෙම Zinn ගැන අපගේ පාරිභෝගිකයින් පවසන දේ බලන්න
ප්රවර්ග
Zinner ප්රතිපත්ති
අදාළ Zinns
php, css, javascript, html, prestashop, mailchimp, rest, json, xml, joomla කරන්න
වෙබ් යෙදුම්වල Firebase Supabase Node.js Auth සහ දත්ත සමුදාය ඒකාබ්රහ්ම කරන්න
මම සම්පූර්ණ ව්යාපාරික වෙබ් අඩවියක් ගොඩනඟන්නෙමි — 5 පිටු + ජංගම දුරකථන සඳහා සුදුසු + වේගවත් බෙදාහැරීම
