ဖုန်း၊ တက်ဘလက်နှင့် ဒက်စ်တော့ပ်စသည့် မျက်နှာပြင်တိုင်းတွင် အလုပ်လုပ်နိုင်ပြီး မြန်ဆန်စွာ တင်နိုင်ကာ သင့်ပိုင်ဆိုင်မှုဖြစ်သည့် ဝဘ်ဆိုဒ်တစ်ခု လိုအပ်ပါသည်။ ကျွန်ုပ်သည် ၎င်းကို React သို့မဟုတ် Next.js ဖြင့် တည်ဆောက်ပေးမည်ဖြစ်ပြီး နောက်ခံစနစ် လိုအပ်ပါက Rust သို့မဟုတ် Node ပေါ်ရှိ TypeScript ဖြင့် ရေးသားပေးပါမည်။
သင့်ဝဘ်ဆိုဒ်ကို အစအဆုံး တည်ဆောက်ပေးပါမည်- React သို့မဟုတ် Next.js ရှေ့ပိုင်း၊ Rust သို့မဟုတ် Node နောက်ပိုင်း
Next.js တွင် တုံ့ပြန်မှုရှိသော စာမျက်နှာတစ်ခု၊ သင်၏အကြောင်းအရာ၊ ဖြန့်ကျက်ပြီး အလုပ်လုပ်နေပါသည်။
- စာမျက်နှာတစ်ခု၊ တည်ဆောက်ပြီး တိုက်ရိုက်ထုတ်လွှင့်ပါ။
- ဒီဇိုင်းစိတ်ကြိုက်ပြင်ဆင်ခြင်း
- တုံ့ပြန်မှုရှိသော ဒီဇိုင်း
- ရင်းမြစ်ကုဒ်
- 1 စာမျက်နှာ
5 စာမျက်နှာများအထိ၊ ဖောင်များနှင့် မေးလ်များကို သေးငယ်သော API သို့ ချိတ်ဆက်ထားပြီး သင်၏ကိုယ်ပိုင်ဒိုမိန်းတွင် တိုက်ရိုက်ထုတ်လွှင့်ပါသည်။
- နောက်ခံပါသော စာမျက်နှာ 5 ခုအထိ
- ဒီဇိုင်းစိတ်ကြိုက်ပြင်ဆင်ခြင်း
- အကြောင်းအရာတင်ခြင်း
- တုံ့ပြန်မှုရှိသော ဒီဇိုင်း
- ရင်းမြစ်ကုဒ်
- စာမျက်နှာ 5 ခုအထိ
10 စာမျက်နှာများအထိ၊ အကောင့်များနှင့် ဒေတာဘေ့စ်တစ်ခု၊ အုပ်ချုပ်ရေးစခရင်များ၊ Docker၊ အားလုံးသည် သင်၏ repository တွင်။
- ဝဘ်အက်ပ်
- ဒီဇိုင်းစိတ်ကြိုက်ပြင်ဆင်ခြင်း
- အကြောင်းအရာတင်ခြင်း
- တုံ့ပြန်မှုရှိသော ဒီဇိုင်း
- ရင်းမြစ်ကုဒ်
- စာမျက်နှာ 10 ခုအထိ
စိတ်ကြိုက်ကမ်းလှမ်းချက် တောင်းဆိုပါ
စိတ်ကြိုက်ကမ်းလှမ်းချက် တောင်းဆိုရန် ဝင်ရောက်ပါ
ဤ Zinner ထံမှ စိတ်ကြိုက်ကမ်းလှမ်းချက် တောင်းဆိုရန် အခမဲ့အကောင့်တစ်ခု ဖန်တီးပါ သို့မဟုတ် ဝင်ရောက်ပါ။
ဝင်ရောက်ရန် / မှတ်ပုံတင်ရန်ရောင်းချမှုမတိုင်မီ မေးခွန်းမေးပါ
မေးခွန်းမေးရန် ဝင်ရောက်ပါ
ပလက်ဖောင်းပေါ်ရှိ spam များကို လျှော့ချရန်အတွက် ရောင်းချမှုမတိုင်မီ မက်ဆေ့ချ်များကို ဝင်ရောက်ထားသော အသုံးပြုသူများသာ ပေးပို့နိုင်ပါသည်။
ဤ Zinner ကို တိုက်ရိုက်မက်ဆေ့ချ်ပို့ရန် အခမဲ့အကောင့်တစ်ခု ဖန်တီးပါ သို့မဟုတ် ဝင်ရောက်ပါ။
ဝင်ရောက်ရန် / မှတ်ပုံတင်ရန်ဝင်ရောက်ရန် လိုအပ်သည်
Zinner ကို မက်ဆေ့ချ်ပို့ရန် အခမဲ့အကောင့်တစ်ခု ဖန်တီးပါ သို့မဟုတ် ဝင်ရောက်ပါ။
ဝင်ရောက်ရန် / မှတ်ပုံတင်ရန်ဝင်ရောက်ရန် လိုအပ်သည်
ကိုယ်ပိုင်ကမ်းလှမ်းချက်တစ်ခု တောင်းဆိုရန် အခမဲ့အကောင့်တစ်ခု ဖန်တီးပါ သို့မဟုတ် ဝင်ရောက်ပါ။
ဝင်ရောက်ရန် / မှတ်ပုံတင်ရန်အကျဉ်းချုပ်
သင့်ဆုံးဖြတ်ချက်ချရာတွင် အထောက်အကူဖြစ်စေရန် ဤဝန်ဆောင်မှုနှင့်ပတ်သက်သော အဓိကအချက်အလက်များ။ Zinn Hub မှ ထုတ်ပေးသည်၊ ရောင်းသူမှ မဟုတ်ပါ။
တန်ဖိုးနေရာ
နည်းပညာ Stack
ပိုင်ဆိုင်မှုနှင့် သယ်ဆောင်ရလွယ်ကူမှု
တုံ့ပြန်မှုရှိသော ဒီဇိုင်း
ပံ့ပိုးမှုကာလ
သင်ရရှိမည့်အရာ
အပြည့်အစုံဖော်ပြချက်
ပထမဆုံးဆိုက်ကို စတင်ခြင်း သို့မဟုတ် လုပ်ငန်းနှင့် မကိုက်ညီတော့သော ဆိုက်တစ်ခုကို အစားထိုးခြင်းအတွက် လုပ်ငန်းငယ်များ၊ freelancers များနှင့် တည်ထောင်သူများအတွက်။ Next.js သည် စာမျက်နှာတစ်ခုစီကို HTML သို့ ကြိုတင်တင်ပြပေးသောကြောင့် လာရောက်ကြည့်ရှုသူများနှင့် ရှာဖွေရေးအင်ဂျင်များသည် scripts များကို စောင့်စရာမလိုဘဲ အကြောင်းအရာကို မြင်တွေ့ရပြီး တူညီသောပရောဂျက်သည် နောက်ပိုင်းတွင် အကောင့်များနှင့် ဒေတာဘေ့စ်တစ်ခုကို အစမှမစတင်ဘဲ ထည့်သွင်းနိုင်သည်။
Starter သည် စာမျက်နှာတစ်ခုဖြစ်သည်- landing သို့မဟုတ် business card တစ်ခု၊ 360 px မှ ကျယ်ပြန့်သော desktop အထိ တုံ့ပြန်မှုရှိပြီး သင်၏အကြောင်းအရာ၊ ဖြန့်ကျက်ပြီး တိုက်ရိုက်ထုတ်လွှင့်သည်။ Standard သည် ၎င်းတို့နောက်ကွယ်တွင် အလုပ်လုပ်သော ဖောင်များနှင့် မေးလ်များပါရှိသော စာမျက်နှာငါးခုအထိရှိသော ဆိုက်တစ်ခုဖြစ်သည်။ Advanced သည် application တစ်ခုနှင့် ပိုမိုနီးစပ်သည်- စာမျက်နှာဆယ်ခုအထိ၊ အကောင့်များနှင့် ဒေတာဘေ့စ်တစ်ခု၊ အုပ်ချုပ်ရေးစခရင်များ၊ Docker နှင့် CI၊ အားလုံးသည် သင်၏ repository တွင်။ tier တစ်ခုထက်ကျော်လွန်သော စာမျက်နှာများသည် add-on တစ်ခုဖြစ်သည်။
ကျွန်ုပ်သည် developer တစ်ဦးဖြစ်ပြီး designer မဟုတ်ပါ။ Figma ဖိုင်တစ်ခု သို့မဟုတ် သင်နှစ်သက်သော ဆိုက်တစ်ခုကို ပေးပို့ပါ၊ ကျွန်ုပ်လိုက်နာပါမည်။ ဒီဇိုင်းလုံးဝမရှိပါက၊ ကောင်းမွန်စွာဖတ်နိုင်ပြီး အနုပညာဟု ဟန်ဆောင်ခြင်းမရှိသော သန့်ရှင်းသော စံ layout ကို သင်ရရှိမည်ဖြစ်သည်။ designer တစ်ဦးပါဝင်စေလိုပါက ပြောပါ၊ ၎င်းက ဘာကိုထပ်ထည့်သည်ကို ကျွန်ုပ်ရိုးသားစွာ ပြောပြပါမည်။ ကျွန်ုပ်သည် copy မရေးသောကြောင့် စာသားများနှင့် ရုပ်ပုံများသည် သင့်ထံမှ လာပါသည်။ ၎င်းတို့အဆင်သင့်မဖြစ်သေးပါက၊ ကုဒ်ကို မထိဘဲ နောက်ပိုင်းတွင် သင်ပြောင်းလဲနိုင်သော ရှင်းလင်းသော placeholders များဖြင့် ကျွန်ုပ်တည်ဆောက်ပါမည်။
အရာအားလုံးသည် သင်၏ repository နှင့် သင်၏ hosting သို့၊ သင်၏အကောင့်များတွင်- Vercel၊ Netlify သို့မဟုတ် သင်၏ကိုယ်ပိုင်ဆာဗာသို့ ပို့ဆောင်ပါသည်။ builder lock-in မရှိ၊ ကျွန်ုပ်ထံသို့ လစဉ်အခကြေးငွေမရှိ၊ ကျွန်ုပ်သာ တည်းဖြတ်နိုင်သော စာမျက်နှာမရှိပါ။ ပေးပို့ပြီးနောက် 14 ရက်အတွင်း၊ ကျွန်ုပ်တို့သဘောတူထားသည့်အတိုင်း အလုပ်မလုပ်သော မည်သည့်အရာကိုမဆို အခမဲ့ပြင်ဆင်ပေးပါသည်။
ဖုန်းခေါ်ဆိုမှုများမရှိပါ။ အလုပ်မစတင်မီ စာဖြင့်အတိုင်းအတာ၊ အလုပ်လုပ်သောနေ့တိုင်း၏အဆုံးတွင် စာဖြင့် update တစ်ခုနှင့် တည်ဆောက်နေစဉ် သင်နှိပ်နိုင်သော preview link တစ်ခု။
သင်၏ပရောဂျက်ကို အပြီးသတ်ရန် အဆင့်များ
1။ မည်သည့်အရာကိုမျှ မတည်ဆောက်မီ ရေးသားထားသော အတိုင်းအတာ - သင်၏စာမျက်နှာများသည် စာရင်းတစ်ခု ဖြစ်လာပြီး တစ်ခုစီတွင် ၎င်းပြသသည့်အရာနှင့် ၎င်းလုပ်ဆောင်သည့်အရာများ ပါဝင်သည်။ ဖောင်များ၊ မေးလ်များ၊ အကောင့်များ၊ အက်ဒမင်စခရင်များ- ဤနေရာတွင် အမည်ပေးထားခြင်း သို့မဟုတ် စျေးနှုန်းတွင် မပါဝင်ပါ။ သင်သည် ထိုစာရင်းကို အတည်ပြုပြီး ၎င်းသည် စာချုပ်ဖြစ်လာသည်။
2။ နှိပ်၍ရသော အရိုးစု - လမ်းကြောင်းများ၊ အပြင်အဆင်နှင့် တုံ့ပြန်မှုရှိသော ဇယားကွက်များသည် ကြိုတင်ကြည့်ရှုလင့်ခ်တွင် ဦးစွာပေါ်လာသည်။ အကြောင်းအရာတစ်လုံးတည်းကို မထည့်သွင်းမီ ဒက်စ်တော့၊ တက်ဘလက်နှင့် ဖုန်းတို့တွင် တူညီသောဖွဲ့စည်းပုံကို သင်စစ်ဆေးသည်။
3။ အကြောင်းအရာ၊ ဖောင်များနှင့် နောက်ခံစနစ် - သင်၏စာသားများနှင့် ရုပ်ပုံများ ထည့်သွင်းပြီး ဖောင်များကို မေးလ် သို့မဟုတ် API သို့ ချိတ်ဆက်ကာ အဆင့်တွင် ပါဝင်ပါက အကောင့်များနှင့် ဒေတာဘေ့စ်များကို ၎င်းတို့နောက်ကွယ်တွင် တည်ဆောက်ထားသည်။
4။ ကြိုတင်ကြည့်ရှုလင့်ခ်တွင် ပြန်လည်သုံးသပ်ခြင်း - သင်သည် နှိပ်၍ ပြင်ဆင်မှုများကို စာရင်းတစ်ခုတည်းတွင် ပေးပို့သည်။ ကျွန်ုပ်သည် ၎င်းတို့ကို ပြင်ဆင်ပြီး တူညီသောလင့်ခ်ကို ထပ်မံပြသသည်၊ ထို့ကြောင့် ပြန်လည်ပြင်ဆင်ခြင်းသည် မက်ဆေ့ချ်များ တဖြည်းဖြည်းစီးဆင်းခြင်းမဟုတ်ဘဲ တစ်ပတ်ဖြစ်သည်။
5။ ဖြန့်ကျက်ခြင်းနှင့် လွှဲပြောင်းခြင်း - ဆိုက်သည် သင်၏ဒိုမိန်းနှင့် ဟိုစတင်တွင် တိုက်ရိုက်လွှင့်တင်ပြီး ကုဒ်သည် သင်၏ repository တွင် ရောက်ရှိလာကာ အကြောင်းအရာကို မည်သို့ပြောင်းလဲရမည်နှင့် မည်သို့ပြန်လည်ဖြန့်ကျက်ရမည်ကို အတိုချုပ်ရေးသားထားသော မှတ်စုကို သင်ရရှိမည်ဖြစ်သည်။
Zinner အရည်အသွေး အာမခံချက်
တစ်ခုချင်းစီ Zinner သည် ပလက်ဖောင်းသို့ ပေါင်းစည်းမီ သုံးသပ်ခြင်းနှင့် အတည်ပြုခြင်းခံရသည်။
အားလုံးသော ဝန်ဆောင်မှုများသည် ကျွန်ုပ်တို့၏ အရည်အသွေး အာမခံ ကတိဖြင့် ကျောင်းဆောင်ထားသည်။
သင်၏ ငွေပေးချေမှုသည် သင် ပို့ဆောင်ထားသော အလုပ်ကို အတည်ပြုသည်အထိ ကာကွယ်ထားသည်။
ပက်ကေ့ချ်များ နှိုင်းယှဉ်ကြည့်ပါ
| လုပ်ဆောင်ချက် | စတင်သူ | စံ | အဆင့်မြင့် |
|---|---|---|---|
| ပေးပို့ချိန် | 4 ရက် | 10 ရက် | 21 ရက် |
| ပြန်လည်ပြင်ဆင်မှုများ | 1 | 2 | 3 |
| အတိုင်းအတာ | စာမျက်နှာတစ်ခု၊ တည်ဆောက်ပြီး တိုက်ရိုက်လွှင့်တင်ထားသည် | နောက်ခံစနစ်ပါရှိသော စာမျက်နှာ 5 ခုအထိ | ဝဘ်အက်ပ် |
| ဒီဇိုင်းစိတ်ကြိုက်ပြင်ဆင်ခြင်း | ✓ | ✓ | ✓ |
| တုံ့ပြန်မှုရှိသော ဒီဇိုင်း | ✓ | ✓ | ✓ |
| ရင်းမြစ်ကုဒ် | ✓ | ✓ | ✓ |
| အကြောင်းအရာတင်ခြင်း | ✕ | ✓ | ✓ |
| စာမျက်နှာများ | 1 စာမျက်နှာ | 5 စာမျက်နှာများအထိ | 10 စာမျက်နှာများအထိ |
အစုစု
ဤ Zinn နှင့် သက်ဆိုင်သည့် ရောင်းချသူ၏ လုပ်ငန်းဆောင်ရွက်မှု ဥပမာများ
Formline: Stripe ပါသော Next.js စတိုး
သင်နှိပ်နိုင်သော စတိုးဆိုင်တစ်ခု- 4 စုဆောင်းမှုများတွင် 16 ပိုစတာများ၊ URL တွင်ရှိနေသော စစ်ထုတ်မှုများနှင့် ရှာဖွေမှုများ၊ တွန်းလှည်းတစ်ခု၊ အလင်းနှင့် အမှောင် အပြင်အဆင်များ၊ နှင့် သရုပ်ပြမှာယူမှု သို့မဟုတ် စမ်းသပ်မုဒ်တွင် အမှန်တကယ် Stripe Checkout session ဖြင့် အဆုံးသတ်သည့် ငွေရှင်းခြင်း။ ကျွန်ုပ်သည် ၎င်းကို Next.js static export အဖြစ် TypeScript ဖြင့် Tailwind CSS ဖြင့် တည်ဆောက်ခဲ့သည်။ ကတ်ငွေပေးချေမှုများသည် ဆာဗာပေါ်ရှိ တွန်းလှည်းကို ပြန်လည်စျေးနှုန်းသတ်မှတ်ပြီး Stripe ၏ webhook လက်မှတ်ကို အတည်ပြုသည့် Cloudflare Worker မှတစ်ဆင့် သွားပါသည်။
Next.js တွင် နှစ်ဘာသာ ကိုယ်ပိုင်ဆိုက်
အင်္ဂလိပ်နှင့် ရုရှားဘာသာဖြင့် တစ်မျက်နှာတည်းရှိသော ကိုယ်ပိုင်ဆိုက်၊ ဝန်ဆောင်မှုကဏ္ဍနှင့် ကျွန်ုပ်၏ သရုပ်ပြပရောဂျက်များသို့ လင့်ခ်များပါရှိသည်။ ကျွန်ုပ်သည် ၎င်းကို Next.js၊ React နှင့် TypeScript ဖြင့် static export အဖြစ် ဒီဇိုင်းဆွဲပြီး တည်ဆောက်ခဲ့ပြီး၊ သာမန် CSS Modules ဖြင့် ပုံစံထုတ်ထားပြီး UI framework မပါဝင်ပါ။ ၎င်းတွင် အလင်းနှင့် အမှောင် အပြင်အဆင်များပါရှိပြီး ဘာသာစကားတစ်ခုစီအတွက် လူမှုရေးဆိုင်ရာ ကြိုတင်ကြည့်ရှုမှုပုံကို build time တွင် ထုတ်ပေးပါသည်။ GitHub Actions သည် ၎င်းကို Bunny CDN သို့ တည်ဆောက်ပြီး ဖြန့်ကျက်ပြီး၊ ၎င်းသည် လုံခြုံရေးခေါင်းစီးများကို ထည့်သွင်းကာ www နှင့် သာမန် HTTP ကို အဓိက HTTPS လိပ်စာသို့ ပြန်ညွှန်းပေးပါသည်။
ဝန်ဆောင်မှု အသေးစိတ်
မကြေးမုံရဲ့ မေးခွန်းများ
ကျွန်တော် တည်ဆောက်တာ၊ မဆွဲဘူး။ Figma ဖိုင်တစ်ခု သို့မဟုတ် ရည်ညွှန်းဆိုက်တစ်ခုဖြင့် ကျွန်တော် အနီးကပ် လိုက်နာပါတယ်။ မရှိရင် သန့်ရှင်းတဲ့ စံအပြင်အဆင်၊ ကောင်းမွန်တဲ့ စာလုံးပုံစံ၊ သင့်အရောင်တွေနဲ့ လိုဂိုကို ရရှိပါလိမ့်မယ်။ အမှတ်တံဆိပ်က ထုတ်ကုန်ဖြစ်တဲ့အခါ သီးသန့်ဒီဇိုင်နာတစ်ယောက်က တန်ဖိုးရှိပါတယ်။
ဖောင်များ၊ မေးလ်နှင့် အက်ဒမင်အသေးစားဖြစ်ပါက TypeScript ပါသော Node ကို ရွေးချယ်ပါ- တိုးချဲ့ရန် ပိုမိုစျေးသက်သာပြီး နောက်လာမည့် developer သို့ လွှဲပြောင်းရန် ပိုမိုလွယ်ကူသည်။ Rust သည် အလုပ်များသော သို့မဟုတ် ဝန်အောက်တွင် မြန်ဆန်နေရမည့်နေရာတွင် ၎င်း၏နေရာကို ရရှိသည်။ သင်မဝယ်မီ မည်သည့်အရာက သင့်လျော်သည်ကို ကျွန်တော် ပြောပြပါမည်။
သင် အားလုံးကို ပိုင်ဆိုင်ပါတယ်- ကုဒ်က သင့် repository မှာ ရှိနေပြီး၊ ဆိုက်က သင့်အကောင့်တွေအောက်က သင့် hosting မှာ လည်ပတ်နေပြီး၊ ဘာမှ ကျွန်တော့်ဆီကနေ ဘေလ်မကျပါဘူး။ ဘယ် developer မဆို ဆက်လုပ်နိုင်ပါတယ်၊ ဒါက builder ကို မသုံးရတဲ့ အချက်ပါပဲ။
ဆိုက်က ဘလော့ဂ်တစ်ခုသက်သက်ဆိုရင် WordPress က ကောင်းမွန်တဲ့အဖြေဖြစ်ပြီး ကျွန်တော်လည်း ပြောပြပါမယ်။ ဆိုက်က တစ်ခုခုလုပ်ဆောင်တဲ့အခါ React ဒါမှမဟုတ် Next.js က အနိုင်ရပါတယ်- လော့ဂ်အင်တွေ၊ ဒက်ရှ်ဘုတ်တွေ၊ တကယ့် API တစ်ခု၊ စိတ်ကြိုက်စီးဆင်းမှုတွေ၊ ဒါမှမဟုတ် ပလပ်အင်စတက်ခ်တွေ မရောက်နိုင်တဲ့ မြန်နှုန်းတွေပါ။
ဖောက်သည်များ၏ သုံးသပ်ချက်များ
ကျွန်ုပ်တို့၏ ဖောက်သည်များက Zinn အကြောင်း ဘာတွေ ပြောတွေ့ကြည့်ပါ
အမျိုးအစားများ
Zinner မူဝါဒများ
ဆက်စပ်သော Zinns
Firebase Supabase Node.js Auth & Database ကို Web Apps များတွင် ပေါင်းစပ်ပါ
joomla အလုပ်နှင့် joomla extension များကို ဘတ်ဂျက်ဖြင့် လုပ်ဆောင်ပေးပါသလား။
Figma မှ React Web App Development - Next.js, Node.js, Firebase & Supabase
