WELLCOME BACK
H
ello guys. How are you all? I hope you are all well. I came again with a post. Let’s go..
এর আগের পোস্টে এটি সম্পর্কে বলছিলাম কিন্তু এটি কিভাবে ব্যবহার করবেন তা এখানে বলছি, অনেকেই ঠিক মতো অ্যাপ ও ওয়েবসাইট তৈরি করতে পারবে না তাই এই পোস্ট করা যাতে একদম সম্পূর্ণ বুঝতে পারে। তো চলুন শুরু করা যাকঃ
v0.dev হলো একটি AI-চালিত টুল যা React কম্পোনেন্ট দ্রুত তৈরি করতে সাহায্য করে। এটি শর্ট প্রম্পট (text description) ব্যবহার করে ইউজার ইন্টারফেস (UI) ডিজাইন জেনারেট করে। এটি Next.js, Tailwind CSS, এবং Shadcn UI-এর মতো মডার্ন টেকনোলজির সাথে ইন্টিগ্রেট করা যায়।
লিমিটেশনঃ
যেহুতু আপনি ফ্রী Subscription ব্যবহার করবেন তাই প্রতিদিন ১০ টি করেই prompt দিতে পারবেন।
আমি আপনাদের একটি quiz অ্যাপ তৈরির উদাহরণ দিয়ে দেখাচ্ছি তাহলে সব বুঝতে পারবেন।
প্রথমে v0.dev এ যান। এখন Signup করুন। পোস্ট অনেক বড় হবে তাই Sign up দেখাচ্ছি না এমনিতেও এটি সবাই পারে তবে এটি যেহেতু vercel.com এর সাথে তাই আপনাকে vercle থেকে sign up করতে হবে।
অ্যাকাউন্ট তৈরি হলে দেখুন, আমি এটি prompt লিখলাম। আপমি বাংলা তেও লিখতে পারেন এটি সব ভাষা বুঝতে পারে।
আপনি চাইলে আপনার prompt টি Ai দিয়ে আরো উন্নত করতে পারেন।যেমন দেখুনঃ
এই যে দেখুন কত গুলো লেখা জেনারেট করে দিয়েছে।
এটি Send করলে তারপর কোড জেনারেট করতে থাকবে ১-২ মিনিট অপেক্ষা করুন।
কোড জেনারেট শেষ হলে preview এ নিয়ে আসবে, সাথে সাথে preview দেখাতে একটু লেট হবে তাই আগে Deploy করে নিন vercel এর সাথে।
এখন এখানে ক্লিক করুন:
Deploy হতে থাকবে তারপর হয়ে গেলে Deploy এ আবার ক্লিক করলে এমন আসবে, Deployed হয়ে গেছে এখানে চাইলে আপনি আপনার Domain যুক্ত করতে পারবেন (কিভাবে করবেন তা পরে পোস্ট এ দেখাবো), আপনাকে একটি Subdomain দিয়ে দিবে।
আপনি চাইলে Github এ কানেক্টে করে সব কোড কপি করতে পারবেন এবং এডিট ও করতে পারবেন।
Preview
তো এখন দেখুন যে এই একটি prompt এ কেমন অ্যাপ তৈরি করে দিয়েছে।
আপনাদের লিংক ও দিচ্ছি দেখুনঃ
আরো এডিট করতে চাইলেঃ
আবার ও সেই Project এ এসে এখানে যা বলবেন সব যুক্ত করবে, মজার কথা হলো এটি আপনাকে Suggested করবে যে কি কি যুক্ত করা প্রয়োজন।
এই যে দেখুন, এগুলোও যুক্ত করতে পারবেন যার মাধ্যমে একদম Real time অ্যাপ থেরি করতে পারবেন।
শেষ কথাঃ
যদি কোনো সমস্যা হয় তাহলে কমেন্ট এ বলুন আর পরের পোস্টে কিভাবে এটি Github এ কানেক্টে করবেন এবং আপনার নিজের ডোমেইন যুক্ত করবেন সব বলবো।
THE END
S
o friends, that’s it for today. See you in another post. If you like the post then like and comment. Stay tuned to Trickbd.com for any updates.