একটি প্রগ্রেস ট্র্যাকার, চেকলিস্ট এবং একটি ডক্স সাইডবার সহ একটি SaaS অনবোর্ডিং ড্যাশবোর্ড তৈরি করুন।
- পেজ: ওভারভিউ, টাস্ক, সেটিংস।
- ডেটা মডেল: টাস্ক { id, title, status: 'todo' | 'in-progress' | 'done', owner, dueDate }।
- বৈশিষ্ট্য: অনুসন্ধান, স্ট্যাটাস অনুসারে ফিল্টার, বাল্ক কমপ্লিট, স্ন্যাকবার নোটিফিকেশন।
- UX: রেসপনসিভ লেআউট, দ্রুত অ্যাকশনের জন্য কীবোর্ড শর্টকাট, ডার্ক মোড।

ফেচ ব্যবহার করে লোকাল স্টোরেজ স্টোরটিকে একটি REST API লেয়ার দিয়ে প্রতিস্থাপন করুন।
- এন্ডপয়েন্ট: /tasks ।
---
## সমস্যা সমাধান: যখন Bolt.new আপনাকে ভুল বোঝে
- উদ্দেশ্য স্পষ্ট করুন: “আপনি ডেটার আকার পরিবর্তন করেছেন; অনুগ্রহ করে পূর্বাবস্থায় ফিরিয়ে আনুন এবং শুধুমাত্র একটি ‘নোট’ ফিল্ড যুক্ত করুন।”
- সুযোগ সীমিত করুন: “পুরো লেআউট নয়, শুধুমাত্র ‘ড্যাশবোর্ড’ কম্পোনেন্ট আপডেট করুন।”
- উদাহরণ দিন: “প্রত্যাশিত JSON আকার হল {...}। সেই অনুযায়ী পার্সার আপডেট করুন।”
- নামকরণ লক করুন: “ফাইল বা এক্সপোর্টগুলির নাম পরিবর্তন করবেন না।”
যদি সমস্যাগুলি অব্যাহত থাকে, তবে প্রয়োজনীয়তাগুলিকে একটি সংক্ষিপ্ত স্পেসিফিকেশন হিসাবে পুনরায় বলুন এবং Bolt-কে স্পেসিফিকেশনের সাথে বাস্তবায়নের সমন্বয় করতে বলুন।
---
## উদাহরণ: ৫টি পুনরাবৃত্তিতে প্রম্পট থেকে পালিশ করা অ্যাপ
লক্ষ্য: পরিসংখ্যান এবং ট্যাগ সহ একটি ব্যক্তিগত পঠন ট্র্যাকার।
- প্রম্পট ১: “বই যোগ/সম্পাদনা, স্ট্যাটাস (পড়া/শেষ), ১-৫ রেটিং এবং ট্যাগ-ভিত্তিক ফিল্টার সহ একটি পঠন ট্র্যাকার তৈরি করুন। একটি পরিষ্কার, প্রতিক্রিয়াশীল UI ব্যবহার করুন।”
- প্রম্পট ২: “একটি পরিসংখ্যান পৃষ্ঠা যুক্ত করুন: মোট বই, গড় রেটিং, শীর্ষ ট্যাগ।”
- প্রম্পট ৩: “সার্চ-অ্যাজ-ইউ-টাইপ ডিবাউন্স এবং হাইলাইট ম্যাচ সহ প্রয়োগ করুন।”
- প্রম্পট ৪: “JSON এর মাধ্যমে ইম্পোর্ট/এক্সপোর্ট যুক্ত করুন। ওভাররাইটের উপর একটি নিশ্চিতকরণ মোডাল দেখান।”
- প্রম্পট ৫: “A11y পাস: কীবোর্ড নেভিগেশন, ফোকাস রিং, টোস্টের জন্য aria-লাইভ।”
ফলাফল: একটি সম্পূর্ণরূপে ব্যবহারযোগ্য ব্যক্তিগত সরঞ্জাম যা আপনি একটি পাবলিক অ্যাপে পুনরাবৃত্তি করতে পারেন।
---
## পাওয়ার মুভস: শর্টকাট এবং প্যাটার্ন যা সময় বাঁচায়
- কম্পোনেন্ট দিয়ে বীজ দিন: “একটি কার্ড, বোতাম, মোডাল প্যাটার্ন ব্যবহার করুন এবং স্লটগুলির সাথে রচনা করুন।”
- শুরুতে পরীক্ষার জন্য জিজ্ঞাসা করুন: “ডেটা ইউটিলিটিগুলির জন্য ইউনিট পরীক্ষা এবং মূল দৃশ্যের জন্য একটি স্মোক পরীক্ষা যুক্ত করুন।”
- লগিং ভিউ: “একটি ডেভেলপার প্যানেল যুক্ত করুন যা API কল এবং স্টেট ট্রানজিশন দেখায়।”
- ইনলাইন ডক্স: “প্রতিটি এক্সপোর্টেড প্রতীকের জন্য JSDoc সহ প্রপস এবং ফাংশন ডকুমেন্ট করুন।”
Bolt দিয়ে এন্ড-টু-এন্ড অ্যাপ তৈরির একটি গভীর-ডাইভ ওয়াকথ্রু জন্য, ভিডিও গাইডটি অত্যন্ত সহায়ক।
---
## কখন Bolt.new বনাম ঐতিহ্যবাহী Dev ব্যবহার করবেন
Bolt.new ব্যবহার করুন যখন:
- আপনার দ্রুত একটি প্রোটোটাইপ বা অভ্যন্তরীণ সরঞ্জামের প্রয়োজন।
- আপনি এই সপ্তাহে স্টেকহোল্ডারদের সাথে UX যাচাই করছেন।
- বয়লারপ্লেট আপনাকে ধীর করে দিচ্ছে।
ঐতিহ্যবাহী সেটআপ ব্যবহার করুন যখন:
- আপনার গভীর কাস্টম ইনফ্রা বা জটিল মাল্টি-সার্ভিস অর্কেস্ট্রেশনের প্রয়োজন।
- সম্মতি, নিরাপত্তা, বা কর্মক্ষমতা সীমাবদ্ধতার জন্য হাতে-টিউন করা কোডের প্রয়োজন।
- আপনি প্রথম দিন থেকেই কঠোর প্যাটার্ন সহ একটি দীর্ঘস্থায়ী কোডবেস তৈরি করছেন।
---
## লক্ষণীয়: [Sider.AI](https://sider.ai) দিয়ে আপনার প্রম্পটিংকে সুপারচার্জ করুন
আপনি যদি আগে থেকে স্পেসিফিকেশন, ব্যবহারকারীর গল্প বা গ্রহণযোগ্যতা মানদণ্ড তৈরি করেন, তাহলে আপনি Bolt.new থেকে পরিষ্কার আউটপুট পাবেন। [Sider.AI](https://sider.ai) আপনাকে রুক্ষ ধারণাগুলিকে স্পষ্ট প্রম্পটে পরিণত করতে, বৈশিষ্ট্যগুলিকে টিকিটে ভাঙতে এবং এমনকি পরীক্ষার ক্ষেত্রে তৈরি করতে সহায়তা করতে পারে যা আপনি সরাসরি Bolt-এর চ্যাটে পেস্ট করতে পারেন। যাইহোক, একটি প্রম্পট “চেকলিস্ট” বা স্পেক স্ক্যাফোল্ড ব্যবহার করলে মিসফায়ার কাটতে এবং পুনরাবৃত্তি বাঁচাতে পারে।
এই [Sider.AI](https://sider.ai)-রেডি রূপরেখাটি ব্যবহার করে দেখুন:
- সমস্যার বিবৃতি
- ব্যবহারকারীর ভূমিকা এবং অনুমতি
- ক্ষেত্র/প্রকার সহ ডেটা মডেল
- সমালোচনামূলক ব্যবহারকারীর প্রবাহ
- প্রান্তের ঘটনা এবং অ-কার্যকরী প্রয়োজনীয়তা
---
## পরবর্তী পদক্ষেপ: আপনার ৩০ মিনিটের প্লেবুক
- একটি ছোট অ্যাপ ধারণা বাছাই করুন (ড্যাশবোর্ড, ট্র্যাকার, বা মিনি CMS)।
- স্টার্টার প্রম্পট টেমপ্লেট পেস্ট করুন এবং কাস্টমাইজ করুন।
- প্রতিটি পরিবর্তনের পরে পরীক্ষা করে ৫-৭টি ফোকাসড প্রম্পটে পুনরাবৃত্তি করুন।
- a11y, ত্রুটি অবস্থা এবং একটি মৌলিক পরীক্ষা যুক্ত করুন।
- একটি প্রথম সংস্করণ শিপ করুন; প্রতিক্রিয়া সংগ্রহ করুন; আবার পুনরাবৃত্তি করুন।
আপনি দেখতে পাবেন যে এটি স্ক্র্যাচ থেকে হাতে তৈরি করার চেয়ে দ্রুত এবং আরও মজাদার।
---
## উৎস এবং আরও শেখা
- Bolt-এর অফিসিয়াল পরিচিতি (প্রম্পট-টু-প্রোডাক্ট ওয়ার্কফ্লো)।
- Bolt.new ব্যবহারের উপর সম্পূর্ণ ধাপে ধাপে ভিডিও টিউটোরিয়াল।
- কমিউনিটি টিপস: দুর্ঘটনাজনিত ক্যোয়ারী ওভাররাইট এড়িয়ে চলুন এবং নিরাপদে পুনরাবৃত্তি করুন।
### FAQ
প্রশ্ন ১: Bolt.new কীসের জন্য ব্যবহৃত হয়?
Bolt.new হল একটি AI-চালিত IDE যা লাইভ প্রিভিউ সহ স্বাভাবিক ভাষার প্রম্পটকে কার্যকরী অ্যাপে পরিণত করে। এটি দ্রুত প্রোটোটাইপিং, অভ্যন্তরীণ সরঞ্জাম, ড্যাশবোর্ড এবং UI-ভারী ধারণার প্রমাণের জন্য আদর্শ।
প্রশ্ন ২: আমি Bolt.new-এ কীভাবে একটি প্রোজেক্ট শুরু করব?
bolt.new খুলুন, সাইন ইন করুন এবং একটি সুস্পষ্ট প্রম্পটে আপনার অ্যাপ বর্ণনা করুন। Bolt কোড, ফাইল এবং একটি লাইভ প্রিভিউ তৈরি করে যাতে আপনি চ্যাট বা সরাসরি সম্পাদনার মাধ্যমে পুনরাবৃত্তি করতে পারেন।
প্রশ্ন ৩: আমি Bolt.new-এর জন্য কীভাবে ভাল প্রম্পট লিখব?
বৈশিষ্ট্য, ডেটা মডেল, UX প্রত্যাশা এবং সীমাবদ্ধতা সম্পর্কে নির্দিষ্ট হন। উদাহরণস্বরূপ, ক্ষেত্র, পেজ এবং আচরণ সংজ্ঞায়িত করুন; তারপর প্রতিটি পুনরাবৃত্তিতে ছোট, ফোকাসড পরিবর্তনের জন্য জিজ্ঞাসা করুন।
প্রশ্ন ৪: আমি কি Bolt.new অ্যাপগুলিকে আসল API-এর সাথে সংযোগ করতে পারি?
হ্যাঁ। মক ডেটা দিয়ে শুরু করুন এবং পরে একটি REST বা GraphQL অ্যাডাপ্টারের জন্য অনুরোধ করুন, প্রকার সংরক্ষণ করুন এবং সঠিক ত্রুটি হ্যান্ডলিং যোগ করুন। এই পদ্ধতিটি প্রাথমিক পুনরাবৃত্তিগুলিকে দ্রুত এবং নিরাপদ রাখে।
প্রশ্ন ৫: কখন আমার Bolt.new ব্যবহার করা উচিত নয়?
যদি আপনার অ্যাপের জন্য কঠোর সম্মতি, জটিল মাল্টি-সার্ভিস অর্কেস্ট্রেশন, বা অত্যন্ত অপ্টিমাইজ করা কর্মক্ষমতা প্রয়োজন হয়, তবে প্রথম দিন থেকেই একটি ঐতিহ্যবাহী ডেভেলপমেন্ট সেটআপ আরও ভাল হতে পারে।