৩০ মিনিট / beginner / 6 ধাপ
৩০ মিনিটে একটা Landing Page live করুন
খালি folder থেকে শুরু করে internet-এ একটা live website পর্যন্ত। কোনো coding experience লাগবে না।
HTML জানার দরকার নেই। CSS জানার দরকার নেই। কোনো framework-ও লাগবে না। শুধু Claude Code আর একটা idea থাকলেই হবে। ৩০ মিনিটের মধ্যে internet-এ আপনার একটা real website live থাকবে। চলুন বানাই।
কোথায় follow করবেন
যা লাগবে: একটি Claude account। Browser-এ claude.ai খুলুন, অথবা Claude desktop app ব্যবহার করুন।
ধাপ 01 / 06
নতুন একটা folder বানান
একদম নতুন করে শুরু করুন। আপনার project-এর জন্য একটা নতুন folder বানান। এটাই হবে আপনার portfolio site।
PromptPaste into Claudeআমি একটা personal portfolio landing page বানাতে চাই। আপনার আমার কাছ থেকে কী কী information লাগবে?আপনি যা দেখবেন
নতুন একটা folder বানানmy-projectShareDescribe a task or ask a question+Accept editsধাপ 02 / 06
Claude Code চালু করুন
শুধু claude লিখুন। এটুকুই। এখন আপনি এমন একটা AI-এর সঙ্গে কথা বলছেন, যেটা file বানাতে পারে, command চালাতে পারে, আর জিনিস বানিয়ে দিতে পারে।
PromptPaste into Claudeআমার নাম Alex Rivera। আমি UX designer। আমি একটা dark portfolio চাই। একটা hero থাকবে, তিনটা card-এর projects grid, আর একটা contact section। Minimal আর clean।আপনি যা দেখবেন
Claude Code চালু করুনmy-projectShareDescribe a task or ask a question+Accept editsধাপ 03 / 06
আপনি কী চান, বলুন
এবার মজার অংশ। Claude-কে সহজ ভাষায় বলুন আপনি কী চান। কোন কোন section আর কেমন style, সেটা নির্দিষ্ট করে বলুন। Code-এর দিকটা Claude নিজেই সামলে নেবে।
PromptPaste into Claudeএকটা personal portfolio-র জন্য সুন্দর একটা landing page বানান: - Default-এ dark mode - Hero section-এ আমার নাম আর একটা tagline - About me section-এ ছোট একটা bio - Projects grid-এ তিনটা placeholder project - Email আর message field সহ একটা contact form - Responsive design, যেন mobile-এও ঠিকঠাক চলে - Modern, clean look, সঙ্গে হালকা কিছু animationআপনি যা দেখবেন
আপনি কী চান, বলুনmy-projectShareDescribe a task or ask a question+Accept editsধাপ 04 / 06
Claude-কে file বানাতে দেখুন
Claude একটা HTML file, একটা CSS file, আর হয়তো ছোট একটা JavaScript file বানাবে। প্রতিটা file তৈরি হওয়া আপনি সঙ্গে সঙ্গে দেখতে পাবেন। Code বোঝা নিয়ে চিন্তা করবেন না, যেকোনো অংশ Claude-কে explain করতে বলতে পারেন।
আপনি যা দেখবেন
Claude-কে file বানাতে দেখুনmy-projectShareDescribe a task or ask a question+Accept editsধাপ 05 / 06
Browser-এ খুলুন
এবার আসল মুহূর্ত। HTML file-টা সরাসরি browser-এ খুলুন, অথবা পুরো experience-এর জন্য একটা quick local server চালান।
PromptPaste into Claudeআপনি যে file-গুলো দিলেন, সেগুলোর preview কীভাবে দেখব?আপনি যা দেখবেন
Browser-এ খুলুনmy-projectShareDescribe a task or ask a question+Accept editsধাপ 06 / 06
Vercel-এ deploy করুন (optional)
Real URL সহ আসল internet-এ রাখতে চান? একটাই command। Vercel সঙ্গে সঙ্গে আপনাকে একটা free .vercel.app domain দেবে।
PromptPaste into Claudeদেখতে আমার পছন্দ হয়েছে। এটা internet-এ কীভাবে তুলব?আপনি যা দেখবেন
Vercel-এ deploy করুন (optional)my-projectShareDescribe a task or ask a question+Accept edits
আপনি কী বানালেন, কাউকে জানান
Claude Code Guide-এ "৩০ মিনিটে একটা Landing Page live করুন" শেষ করলাম। সময় লাগল প্রায় ৩০ মিনিট, আর এটা ফ্রি: https://claudecodeguide.dev/bn/tutorials/ship-a-landing-page
New guides, when they ship
One email, roughly weekly. CLAUDE.md templates, workflows I actually use, and the cut-for-length stuff that does not make the public guides. One-click unsubscribe.
Or read Product Field Notes, the Substack