Զաւէն Ճուհարեան
  1. Զաւէն Ճուհարեան
  2. Բլոգ

Ամբողջական ուէպ յաւելուածներ արագ կառուցել Bolt.new-ով եւ Supabase-ով

2 րոպէ ընթերցում

Քայլ առ քայլ ուղեցոյց՝ Bolt.new-ի միջոցաւ ուէպ ծրագիրներ ստեղծելու, Supabase-ի միացնելու եւ Cursor-ով զարգացնելու համար:

Ամբողջական ուէպ յաւելուածներ արագ կառուցել Bolt.new-ով եւ Supabase-ով

Ամբողջական ուէպ ծրագիր մը ժամերու ընթացքին կառուցելու եւ հրապարակելու համար կարելի է նախատիպը պատրաստել Bolt.new-ի մէջ, ետնամասը միացնել Supabase-ին եւ ապա կոդը մշակել Cursor-ի միջոցաւ: Այս մօտեցումը կը շրջանցէ համակարգչային բարդ կարգաւորումները՝ պահպանելով լիարժէք վերահսկողութիւնը:

Քայլ 1. Ստեղծել ծրագրին միջերեսն ու տրամաբանութիւնը Bolt.new-ի միջոցաւ

Bolt.new-ը կ'աշխատի ամբողջական Node.js միջավայրով անմիջապէս դիտարկիչին (browser) մէջ՝ StackBlitz-ի WebContainers արհեստագիտութեամբ: Յենելով Claude մոտէլներուն վրայ՝ անիկա թոյլ կու տայ ներբեռնել npm ծրարներ, գործարկել սպասարկուներ եւ ստուգել ծրագիրը առանց տեղական հրամանատողի: 29 Սեպտեմբեր 2026-ին Bolt.new-ը յայտարարեց Dokai-ի ձեռքբերման մասին՝ ընդլայնելու ինքնավար գործակալներու աշխատանքը բարդ համակարգերու մէջ:

Ճշգրիտ արդիւնք ստանալու համար հետեւեցէք այս սկզբունքներուն.

  • Յստակեցուցէք գործիքակազմը. առաջին իսկ հրահանգին մէջ նշեցէք ձեր նախընտրած գրադարանները, ինչպէս React՝ Vite-ով, Tailwind CSS կամ shadcn/ui:
  • Գործածեցէք հրահանգի բարելաւման կոճակը. թոյլ տուէք արհեստական բանականութեան մշակել մանրամասնութիւնները նախքան ուղարկելը:
  • Կառուցեցէք քայլ առ քայլ. նախ ստեղծեցէք հիմնական դասաւորումն ու տուեալներու հոսքը, ապա աւելցուցէք որոնման զտիչներն ու ձեւաթուղթերը:

Քայլ 2. Միացնել Supabase-ը տուեալներու եւ վաւերացման համար

Գործունեայ ծրագիր մը կը կարօտի տուեալներու ապահով պահեստաւորման եւ օգտատէրերու ճանաչման: Bolt.new-ը ունի անմիջական կապակցում Supabase-ի հետ, որ հիմնուած է PostgreSQL-ի վրայ:

Ետնամասը ճիշդ կարգաւորելու քայլերը.

  1. Սեղմեցէք Supabase-ի միացման կոճակը Bolt.new-ի մէջ՝ ձեր նախագիծը կապելու եւ տուեալներու աղիւսակները կառուցելու համար:
  2. Ստեղծեցէք մուտքի համակարգեր՝ ելեկտրոնային նամակով կամ OAuth միջոցներով:
  3. Անպայման ստուգեցէք Row-Level Security (RLS) դրութիւնը. ուսումնասիրութիւնները ցոյց կու տան, որ արհեստական բանականութեամբ գրուած ծրագիրներու մօտ 70%-ը կը ձգուի անաւարտ կամ անջատուած RLS-ով: Մտէք Supabase-ի կառավարման վահանակը եւ համոզուեցէք, որ ամէն օգտատէր կրնայ տեսնել միայն իրեն պատկանող տուեալները:
  4. Ապահով պահեցէք գաղտնի բանալիները. սպասարկուի գաղտնիքները երբեք չպէտք է երեւան դիտարկիչի կոդին մէջ:

Քայլ 3. Արտածել GitHub եւ անցնիլ Cursor-ի

Դիտարկիչի գործիքները հիանալի են արագ մեկնարկի համար, սակայն բարդ տրամաբանութեան ժամանակ սահմանափակումները կրնան յանգեցնել սխալներու շրջապտոյտի: Երբ հասնիք այդ կէտին, արտածեցէք նախագիծը դէպի GitHub:

Իմ տեսակէտով՝ հրահանգային գեներատորներն ու կոդի խմբագրիչները պէտք է գործածուին միասին.

  • Ներբեռնեցէք ձեր GitHub-ի նախագիծը Cursor-ի մէջ:
  • Օգտագործեցէք Cursor Composer-ը՝ խառնաշփոթ ֆայլերը վերակազմաւորելու եւ յատուկ գործառոյթներ աւելցնելու համար:
  • Կատարեցէք տեղական ստուգումներ եւ փորձարկումներ՝ ծրագրին հուսալիութիւնը երաշխաւորելու նպատակով:

Քայլ 4. Հրապարակել արտադրական միջավայրի մէջ եւ հետեւիլ աշխատանքին

Երբ կոդը ամբողջութեամբ ստուգուի Cursor-ի մէջ.

  • Միացուցէք GitHub-ի շտեմարանը Netlify-ի, Vercel-ի կամ Cloudflare-ի հարթակներուն:
  • Ներմուծեցէք արտադրական միջավայրի փոփոխականները (Supabase URL եւ հանրային բանալի):
  • Ստուգեցէք մուտքի եւ տուեալներու բոլոր կապերը համակարգիչներու եւ հեռախօսներու վրայ:

Իմ տեսակէտս արագ ծրագրաւորման մասին

Bolt.new-ը եւ Cursor-ը իրարու մրցակիցներ չեն, այլ կը լրացնեն զիրար: Bolt.new-ը կը վերացնէ դատարկ թղթէն սկսելու դժուարութիւնը, իսկ Cursor-ը կու տայ անհրաժեշտ ճշգրտութիւնը՝ կայուն արտադրանք ստանալու համար: Լաւագոյն ձեւն է կմախքը ձեւաւորել դիտարկիչին մէջ, ամրապնդել շտեմարանը, եւ վերջնական ճարտարագիտութիւնը աւարտել կոդի խմբագրիչով:

Աղբիւրներ

Աշխատինք միասին →