Day 4: YOLO মোডে Next.js ও OpenRouter ইন্টিগ্রেশন
📚 OpenRouter কী?
সহজ ভাষায়, OpenRouter হলো একটি কেন্দ্রীয় সার্ভিস যা আপনাকে একটি মাত্র এপিআই কি (API Key) দিয়ে Anthropic-এর Claude 3.5, OpenAI-এর GPT-4, Meta-র Llama 3 ইত্যাদি নানা মডেলের সাথে যুক্ত করে। আপনাকে আলাদা আলাদা সাইটে গিয়ে পেমেন্ট বা সাবস্ক্রিপশন করতে হয় না।
১. Next.js স্কেফোল্ডিং ও এপিআই সেটিংস
প্রজেক্টের শুরুতে এআই-কে দিয়ে Next.js-এর আধুনিক ফ্রন্টএন্ড স্ট্রাকচার তৈরি করতে বলুন:
Create a fresh Next.js app in the current folder.
Configure OpenRouter to fetch data from Claude-3.5-Sonnet.
Build a simple API handler inside the 'app/api' folder to test the connection.
💡 শিক্ষকের মিসিং টিপস:
কখনও আপনার এপিআই কি (API Key) সরাসরি কোডের ফাইলের ভেতর হার্ডকোড করবেন না। প্রজেক্টের রুটে .env.local ফাইল তৈরি করুন এবং সেখানে কীটি রাখুন। এআইকে প্রম্পটে বলুন: Read the OpenRouter API key from process.env.OPENROUTER_API_KEY. Do not hardcode secrets.