TechTricks

ওয়েব ডেভেলপারদের জন্য চলে আসলো Vercel এর Develop করা AI UI Generator! (অনেকটা Elementor এর মতো)

Vercel (Next.js এর নির্মাতা কোম্পানি) – v0 নামে নতুন একটি AI UI Generator ওয়েবসাইট রিলিজ করেছে

(বুঝতে অসুবিধা হলে নিচ থেকে ভিডিও টিউটোরিয়াল দেখে নিতে পারেন)

এখানে আপনি যেকোনো কিছু লিখে prompts লেখার মাধ্যমে, যেকোনো UI Generate করতে পারবেন। UI Generate করার পর কোনো কিছু পরিবর্তন করতে চাইলে, তাকে আবার বললে পরিবর্তন করে দিবে। এমনকি আপনি নির্দিষ্ট কিছু এরিয়া সিলেক্ট করে তাকে সেই নির্দিষ্ট এরিয়া পরিবর্তন করতে বলতে পারবেন। প্রতিবার আপনি কোনো কিছু পরিবর্তন করতে বললে, সে আপনার কথা মতো পরিবর্তন করে সেটার নতুন একটি ভার্সন তৈরি করবে।

এটি UI Generate করার জন্য Tailwind CSS এবং আমাদের সবার প্রিয় UI components library shadcn/ui (https://ui.shadcn.com) ব্যবহার করে।

আপনার UI Generate করার পর, আপনি HTML/React/NextJS এর কোড পেয়ে যাবেন যা আপনি আপনার প্রজেক্টে সরাসরি ব্যবহার করতে পারবেন। এছাড়াও `npx v0 add {id}` কমান্ডের মাধ্যমে আপনার React প্রজেক্টে UI component টি এড করতে পারবেন। এটা প্রয়োজনীয় সব প্যাকেজ এবং ফাইল আপনার প্রজেক্টে এড করে দিবে।

Vercel কি WordPress কে Replace করার চিন্তাভাবনা করছে নাকি?

Vercel Recently অনেক বড় বড় চেঞ্জ আনছে Javascript ডেভেলপারদের জন্য এই যেমন NextJs এনে Frontend/Backend একসাথে করার সুযোগ করে দিলো। এখন আবার Elementor এর মতো একটা AI টুল নিয়ে আসলো।

এটাকে যদিও এখন পুরোপুরি Elemntor এর Alternative বলা যাবেনা তবে কে জানে In Future এ ডেভেলপ হতে হতে এমনটাই হয়ে যাবে হয়তো

তেমনিভাবে NexJs কেও WordPress এর Alternative এর মতোই কিন্তু Develop করা হচ্ছে দেখা যাক কি হয়!

বর্তমানে Strapi, Contentful এর মতো অনেক Popular CMS ও চলে এসেছে মার্কেটে JS Developer দের জন্য

Vercel অলরেডি Strapi এর সাথে Partnership করছে

যেভাবে v0 ইউজ করবেন

1.প্রথমেই চলে যান এই লিংকে: https://v0.dev/

2. তারপর আপনাকে Waitlist এ জয়েন হতে হবে কারণ এটা Beta Version এ আছে

3. Request approve হয়ে গেলে Normal AI গুলোর মতোই এখানে কেমন UI বানাতে চান তার Prompt দিলেই কিন্তু কোড জেনারেট করে দিবে
ChatGPT কে যেমন বলে বলে কোড চেঞ্জ করা যায়, এখানেও বলে বলে UI এর স্টাইল চেঞ্জ করতে পারবেন

তাছাড়া, এখানে যারা Design Generate করছে ঐ ডিজাইনগুলোও কিন্তু থেকেই যাচ্ছে অনেকটা Github এর মতো এতে করে যারা Tailwind এর অফিশিয়াল Website এ অনেক ডিজাইন পান না এখানে হয়তো ডিজাইনের আর অভাব হবেনা

আরো জানতে :
https://x.com/v0
https://vercel.com/blog/announcing-v0-generative-ui

Video Tutorial

 

ট্রাই করে দেখুন খুবই অস্থির একটা জিনিস 😮

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button