Claude দিয়ে ওয়েবসাইট বানানো আর আপডেট করার পুরো প্রসেস

Claude দিয়ে ওয়েবসাইট বানানোর সহজ পথ হলো চ্যাটে বিস্তারিত বর্ণনা দিয়ে এক পাতার সাইট বানানো, আর বড় বা বহু পাতার সাইটের জন্য কম্পিউটারে Claude Code দিয়ে পুরো প্রজেক্ট বানিয়ে GitHub Pages এর মতো হোস্টিংয়ে তোলা। পরে আপডেট করতেও একই পথ: Claude কে বদলটা বলুন, নিজে চালিয়ে দেখুন, তারপর লাইভ করুন।

Claude দিয়ে কি সত্যিই পুরো ওয়েবসাইট বানানো যায়?

হ্যাঁ, যায়, তবে "পুরো ওয়েবসাইট" বলতে কী বোঝাচ্ছেন তার উপর পথ নির্ভর করে। একটা পোর্টফোলিও, দোকানের পরিচিতি পাতা বা ইভেন্টের ল্যান্ডিং পেজ চ্যাটেই হয়ে যায়। ডোমেইন, একাধিক পাতা, ফর্ম আর নিয়মিত আপডেট লাগলে Claude Code এর মতো টুল দরকার।

Claude কোড লেখে, ডিজাইন সাজায়, লেখা বানায়। কিন্তু ডোমেইন কেনা, হোস্টিং ঠিক করা আর লাইভ করার সিদ্ধান্ত আপনার। অন্য AI ওয়েবসাইট বিল্ডারের সাথে তুলনা করতে চাইলে দেখুন AI দিয়ে ওয়েবসাইট বানানোর ১০টা টুল।

কোন পথ আপনার জন্য?

তিনটা বাস্তব পথ আছে। নিজের দরকার মিলিয়ে বাছুন:

Claude Help Center অনুযায়ী Artifact বানানো ফ্রিসহ সব প্ল্যানে চলে, আর Claude Artifact হিসেবে single-page website বানাতে পারে। এর জন্য Settings এর Capabilities এ code execution and file creation চালু থাকতে হয়। Artifact শুরুতে শুধু আপনার কাছে প্রাইভেট থাকে, পরে শেয়ার করা যায় (Claude Help Center, What are artifacts, অক্টোবর ২০২৬ পর্যন্ত)।

চ্যাটের পথে কাজটা এরকম: ব্রিফ দিয়ে Claude কে এক পাতার সাইট বানাতে বলুন। চ্যাটের পাশে Artifact হিসেবে সাইটটা খুলবে, সেখানেই দেখে নিতে পারবেন। কিছু বদলাতে চাইলে চ্যাটে লিখুন "হেডারের রং গাঢ় করো" বা "যোগাযোগের অংশে হোয়াটসঅ্যাপ নম্বরের জায়গা রাখো"। পছন্দ হলে কোডটা নিয়ে নিজের হোস্টিংয়ে তুলতে পারেন। পোর্টফোলিও বা একটা ইভেন্টের পাতার জন্য এই পথটাই যথেষ্ট।

শুরুর আগে কোন ব্রিফ লিখবেন?

ভালো সাইটের অর্ধেক কাজ হয় শুরুর আগে, ব্রিফে। "আমার একটা সুন্দর সাইট বানাও" লিখলে সাধারণ, সবার মতো একটা সাইট আসবে। নিচের ছকে লিখলে আসবে আপনার সাইট:

সাইট: ধানমন্ডির একটা হোম বেকারির পরিচিতি সাইট।
দর্শক: ২৫ থেকে ৪০ বছরের মা বাবা, বেশিরভাগ মোবাইলে দেখবেন।
পাতা: হোম, মেনু, অর্ডারের নিয়ম, যোগাযোগ।
হোমে: এক লাইনে কী বানাই, ৩টা জনপ্রিয় কেক, হোয়াটসঅ্যাপে অর্ডারের বোতাম।
ভাষা: বাংলা, সহজ। ফন্ট বাংলায় পরিষ্কার পড়া যায় এমন।
রং: ক্রিম আর চকলেট ব্রাউন।
যা করবে না: বানানো রিভিউ, "১০০% সেরা" ধরনের দাবি, স্টক ছবির লিংক।
আগে ডিজাইনের পরিকল্পনা দেখাও, আমি হ্যাঁ বললে কোড লিখবে।

শেষ লাইনটা জরুরি। এতে Claude আগে কাঠামো দেখায়, আপনি ভুল ধরতে পারেন, পরে কোড নষ্ট হয় না। ভালো প্রম্পট কাঠামোর আরও উদাহরণ পাবেন প্রম্পট ইঞ্জিনিয়ারিং এর লেখায়।

Claude Code দিয়ে ধাপে ধাপে সাইট বানানোর প্রসেস কী?

বহু পাতার সাইটের জন্য আমরা যে প্রসেস ব্যবহার করি, তার মূল কাঠামো এটা:

GitHub এর অফিশিয়াল ডকুমেন্টেশন অনুযায়ী GitHub Pages একটা static site hosting সেবা, যেটা রিপোজিটরি থেকে HTML, CSS আর JavaScript ফাইল নিয়ে সাইট বানায় (GitHub Docs)। কোন অ্যাকাউন্টে কী শর্তে চলে, ব্যবহারের আগে সেই পাতায় চেক করে নিন।

অক্টোবর ২০২৬ পর্যন্ত Claude Code এর অফিশিয়াল ডকুমেন্টেশন বলছে, Claude Code এর জন্য Pro, Max, Team, Enterprise বা Console অ্যাকাউন্ট লাগে, ফ্রি প্ল্যানে এটা নেই। Claude Code প্রথমবার চালানোর পুরো নিয়ম নিয়ে আমাদের আলাদা লেখা আছে "Claude Code কী" নামে।

Claude দিয়ে চালু সাইট নিরাপদে আপডেট করবেন কীভাবে?

আপডেটের নিয়ম একটাই: আগে নিজের কম্পিউটারে, পরে লাইভে। লাইভ সাইটে সরাসরি বদল করালে একটা ভুলে পুরো সাইট বন্ধ হয়ে যেতে পারে।

• ছোট করে বলুন: "মেনু পাতায় নতুন ৩টা কেক যোগ করো, বাকি কিছু বদলাবে না"। একসাথে দশটা বদল না।
• বদলের তালিকা চান: কাজ শেষে Claude কে বলুন কোন কোন ফাইলে কী বদলেছে বুঝিয়ে দিতে।
• নিজে দেখুন: কম্পিউটারে আর ফোনের মাপে খুলে মিলিয়ে নিন।
• ব্যাকআপ: Git এ commit বা পুরো ফোল্ডারের কপি রাখুন, তারপর লাইভ করুন।

WordPress সাইট হলে Claude কে থিমের ফাইল, এরর মেসেজ বা প্লাগইনের সমস্যা দেখিয়ে সমাধান চাইতে পারেন। কিন্তু wp-admin এর পাসওয়ার্ড বা হোস্টিংয়ের লগইন চ্যাটে দেবেন না। সাইটের SEO সমস্যা খুঁজে ঠিক করার আলাদা প্রসেস আছে Claude দিয়ে SEO অডিটের লেখায়।

বাংলাদেশের ছোট ব্যবসার সাইটে কী কী রাখবেন?

ছোট ব্যবসার সাইটের কাজ একটাই: দর্শককে বিশ্বাস করানো আর যোগাযোগ সহজ করা। ডিজাইনের চেয়ে এই কয়েকটা জিনিস বেশি জরুরি:

• প্রথম স্ক্রিনেই এক লাইনে কী বিক্রি করেন বা কী সেবা দেন।
• হোয়াটসঅ্যাপ, ফোন নম্বর আর ফেসবুক পেজের লিংক, ফোনে এক চাপে খোলে এমন।
• ঠিকানা আর কোন এলাকায় ডেলিভারি দেন, সাথে Google Maps এর লিংক।
• আসল পণ্যের আসল ছবি, আর দাম দিলে সেটা নিয়মিত আপডেট।
• বাংলা লেখা পরিষ্কার পড়া যায় এমন ফন্ট আর যথেষ্ট বড় অক্ষর।

অনেক ক্রেতা আগে ফেসবুকে দেখে তারপর সাইটে আসেন যাচাই করতে, তাই দুই জায়গার তথ্য এক রাখুন। Claude কে ব্রিফে এই তালিকাটা দিয়ে দিলে প্রথম খসড়াতেই অনেকটা কাজের সাইট পাবেন। ফেসবুক পেজ থেকে সাইটে আসা দর্শকের জন্য একটা আলাদা অর্ডারের পাতাও রাখতে পারেন।

সাইট লাইভ হওয়ার পরে Google এ খুঁজে পাওয়া যাচ্ছে কিনা দেখুন। প্রতিটা পাতার শিরোনাম আর ছোট বর্ণনা Claude কে দিয়ে লিখিয়ে নিন, ছবির জন্য বর্ণনামূলক নাম দিন। আর মাসে একবার সব লিংক, ফোন নম্বর আর দাম ঠিক আছে কিনা মিলিয়ে নিন, কারণ পুরোনো তথ্যওয়ালা সাইট গ্রাহক হারায়।

কোন ভুলগুলো সবচেয়ে বেশি হয়?

• ব্রিফ ছাড়া শুরু করে বারবার পুরো ডিজাইন বদলানো।
• শুধু কম্পিউটারে দেখে লাইভ করা, অথচ দর্শক বেশিরভাগ মোবাইলে।
• অন্যের সাইটের লেখা, ছবি বা লোগো কপি করতে বলা। এটা কপিরাইটের ঝামেলা ডাকে।
• বানানো রিভিউ বা গ্রাহকের সংখ্যা বসানো। এটা গ্রাহকের আস্থা নষ্ট করে।

কোড না জেনে অ্যাপ বা সাইট বানানোর পুরো ধারণাটা, যেটাকে vibe coding বলে, বুঝতে পড়ুন কোড না জেনে অ্যাপ বানানোর লেখা। ব্রিফ থেকে লাইভ সাইট আর পরে আপডেট পর্যন্ত পুরো প্রসেস Claude Masterclass এর ওয়েবসাইট লেসনগুলোতে হাতে কলমে দেখানো আছে।

তথ্যসূত্র: Claude Help Center, What are artifacts; Claude Code Docs, Advanced setup; GitHub Docs, About GitHub Pages. সর্বশেষ যাচাই: ১৪ অক্টোবর ২০২৬।

সচরাচর যা জিজ্ঞেস করা হয়

এই লেখার পরের ধাপ, ফ্রি বাংলা বই

AI টুলস হেভেন

কোন কাজে কোন ধরনের টুল লাগে তার মানচিত্র, বাছাইয়ের চেকলিস্ট, আর খরচ ও নিরাপত্তা নিয়ন্ত্রণের নিয়ম।

বইটা ফ্রি নিন

অন্য কাজের বই খুঁজছেন? পুরো লাইব্রেরি, ১২টা বই