Ձեզ անհրաժեշտ է կայք, որն աշխատում է ցանկացած էկրանին՝ հեռախոսի, պլանշետի և համակարգչի, արագ բեռնվում է և հետագայում ձերն է։ Ես այն կառուցում եմ React-ում կամ Next.js-ում, և երբ անհրաժեշտ է բեքենդ, ես այն նույնպես գրում եմ Rust-ում կամ TypeScript-ում Node-ի վրա։
Ես կստեղծեմ ձեր կայքը ամբողջությամբ՝ React կամ Next.js ֆրոնտ, Rust կամ Node բեք
Մեկ արձագանքող էջ Next.js-ում, ձեր բովանդակությունը, տեղակայված և աշխատող։
- Մեկ էջ, կառուցված և գործող
- Դիզայնի հարմարեցում
- Արձագանքող դիզայն
- Աղբյուրի կոդ
- 1 էջ
Մինչև 5 էջ, ձևեր և փոստ, որոնք միացված են փոքր API-ին, գործող ձեր սեփական դոմենում։
- Մինչև 5 էջ բեքենդով
- Դիզայնի հարմարեցում
- Բովանդակության վերբեռնում
- Արձագանքող դիզայն
- Աղբյուրի կոդ
- Մինչև 5 էջ
Մինչև 10 էջ, հաշիվներ և տվյալների բազա, ադմինիստրատորի էկրաններ, Docker, բոլորը ձեր ռեպոզիտորիայում։
- Վեբ հավելված
- Դիզայնի հարմարեցում
- Բովանդակության վերբեռնում
- Արձագանքող դիզայն
- Աղբյուրի կոդ
- Մինչև 10 էջ
Հարցնել անհատական առաջարկ
Մուտք գործեք՝ անհատական առաջարկ հարցնելու համար
Ստեղծեք անվճար հաշիվ կամ մուտք գործեք՝ այս Zinner-ից անհատական առաջարկ հարցնելու համար։
Մուտք / ԳրանցումՀարց տալ մինչև վաճառքը
Մուտք գործեք՝ հարց տալու համար
Հարթակի սպամը նվազեցնելու համար մինչև վաճառքի հաղորդագրությունները կարող են ուղարկվել միայն մուտք գործած օգտատերերի կողմից։
Ստեղծեք անվճար հաշիվ կամ մուտք գործեք՝ անմիջապես այս Zinner-ին հաղորդագրություն ուղարկելու համար։
Մուտք / ԳրանցումՊահանջվում է մուտք
Ստեղծեք անվճար հաշիվ կամ մուտք գործեք՝ այս Zinner-ին հաղորդագրություն ուղարկելու համար։
Մուտք / ԳրանցումՊահանջվում է մուտք
Ստեղծեք անվճար հաշիվ կամ մուտք գործեք՝ անհատականացված առաջարկ խնդրելու համար։
Մուտք / ԳրանցումՄի հայացքից
Այս ծառայության հիմնական մանրամասները, որոնք կօգնեն ձեզ որոշում կայացնել: Ստեղծվել է Zinn Hub-ի կողմից, ոչ թե վաճառողի:
Արժեքային դիրք
Տեխնոլոգիական փաթեթ
Սեփականություն և շարժունակություն
Արձագանքող դիզայն
Աջակցության ժամանակահատված
Ինչ կստանաք
Ամբողջական նկարագրություն
Փոքր բիզնեսների, ֆրիլանսերների և հիմնադիրների համար, ովքեր գործարկում են առաջին կայքը կամ փոխարինում են այն, որն այլևս չի համապատասխանում բիզնեսին։ Next.js-ը նախապես մշակում է յուրաքանչյուր էջ HTML-ի, այնպես որ այցելուները և որոնման համակարգերը տեսնում են բովանդակությունը՝ առանց սկրիպտների սպասելու, և նույն նախագիծը հետագայում կարող է ավելացնել հաշիվներ և տվյալների բազա՝ առանց սկզբից սկսելու։
Starter-ը մեկ էջ է՝ վայրէջքի կամ այցեքարտ, արձագանքող 360 px-ից մինչև լայն դեսքթոփ, ձեր բովանդակությունը, տեղակայված և գործող։ Standard-ը մինչև հինգ էջանոց կայք է՝ աշխատող ձևերով և դրանց հետևում գտնվող փոստով։ Advanced-ը ավելի մոտ է հավելվածին՝ մինչև տասը էջ, հաշիվներ և տվյալների բազա, ադմինիստրատորի էկրաններ, 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-ի հետ։
Formline: Next.js խանութ Stripe-ով
Խանութ, որի միջով կարող եք սեղմել. 16 պաստառներ 4 հավաքածուներում, զտիչներ և որոնում, որոնք մնում են URL-ում, զամբյուղ, բաց և մուգ թեմաներ, և վճարում, որն ավարտվում է դեմո պատվերով կամ իրական Stripe Checkout նիստով թեստային ռեժիմում։ Ես այն կառուցել եմ որպես Next.js ստատիկ արտահանում TypeScript-ում Tailwind CSS-ով։ Քարտային վճարումները անցնում են Cloudflare Worker-ի միջոցով, որը վերագնահատում է զամբյուղը սերվերում և ստուգում է Stripe-ի վեբհուկի ստորագրությունը։
Երկլեզու անձնական կայք Next.js-ում
Մեկ էջանոց անձնական կայք անգլերեն և ռուսերեն լեզուներով, ծառայությունների բաժնով և հղումներով դեպի իմ դեմո նախագծերը։ Ես այն նախագծել և կառուցել եմ Next.js-ով, React-ով և TypeScript-ով որպես ստատիկ արտահանում, ձևավորված պարզ CSS Modules-ով և առանց UI շրջանակի։ Այն ունի բաց և մուգ թեմաներ, և յուրաքանչյուր լեզվի համար սոցիալական նախադիտման պատկերը ստեղծվում է կառուցման ժամանակ։ GitHub Actions-ը կառուցում և տեղակայում է այն Bunny CDN-ում, որն ավելացնում է անվտանգության վերնագրեր և վերահղում է www-ն և պարզ HTTP-ն դեպի հիմնական HTTPS հասցեն։
Ծառայության մանրամասներ
Հաճախ տրվող հարցեր
Ես կառուցում եմ, չեմ նկարում։ Figma ֆայլով կամ հղումային կայքով ես ուշադիր հետևում եմ դրան։ Առանց դրա դուք կստանաք մաքուր ստանդարտ դասավորություն, լավ տպագրություն, ձեր գույները և լոգոն։ Նվիրված դիզայները արժե, երբ ապրանքանիշը ապրանքն է։
Եթե դա ձևեր, փոստ և փոքր ադմինիստրատոր է, վերցրեք Node-ը TypeScript-ով. ավելի էժան է ընդլայնել և ավելի հեշտ է հանձնել հաջորդ ծրագրավորողին։ Rust-ը իր տեղն է գտնում, երբ աշխատանքը ծանր է կամ պետք է արագ մնա ծանրաբեռնվածության տակ։ Ես կասեմ, թե որն է համապատասխանում, նախքան գնելը։
Դուք եք ամեն ինչի սեփականատերը. կոդը գտնվում է ձեր պահոցում, կայքը գործում է ձեր հոսթինգում՝ ձեր հաշիվների ներքո, և ոչինչ ինձ միջոցով չի վճարվում։ Ցանկացած ծրագրավորող կարող է շարունակել աշխատանքը, ինչը կառուցող չօգտագործելու իմաստն է։
Եթե կայքը բլոգ է և ոչ ավելին, WordPress-ը արդար պատասխան է, և ես այդպես էլ կասեմ։ React կամ Next.js-ը հաղթում է, երբ կայքը ինչ-որ բան է անում՝ մուտքեր, վահանակներ, իրական API, հատուկ հոսքեր կամ արագություն, որին պլագինների կույտերը չեն կարող հասնել։
Հաճախորդների ակնարկներ
Տեսեք, թե ինչ են ասում մեր հաճախորդները այս Zinn-ի մասին
Կատեգորիաներ
Zinner Քաղաքականություն
Առնչվող Zinns
