AI-Native ویب ڈویلپمنٹ کے لیے ٹیک اسٹیک (Tech-Stack)
Claude Code جیسے AI ایجنٹس سافٹ ویئر بنانے کے طریقے کو بدل دیتے ہیں۔ آپ پہلے سے کہیں زیادہ تیزی سے کام کر سکتے ہیں۔ لیکن تیزی سے غیر منظم (messy) کوڈ بھی بن سکتا ہے۔ ترقی کرنے کے لیے آپ کو اپنے پروجیکٹ کو سادہ اور برقرار رکھنے کے قابل (maintainable) رکھنا ہوگا۔
یہاں وہ اسٹیک ہے جسے ہم تیزی سے بنانے اور آسانی سے اسکیل کرنے کے لیے استعمال کرتے ہیں۔
AI ایجنٹ حکمت عملی (Strategy) اوور انجینئرنگ (overengineer) نہ کریں۔ AI ہزاروں لائنوں کا غیر ضروری کوڈ شامل کرنا آسان بنا دیتا ہے۔
- اپنی AGENTS.md یا CLAUDE.md فائلوں کو چھوٹا رکھیں۔
- صرف وہی پروجیکٹ رولز شامل کریں جن میں ایجنٹس اکثر غلطی کرتے ہیں۔
- مخصوص مہارتیں (skills) صرف تب انسٹال کریں جب آپ کو ضرورت ہو۔
- سیاق و سباق (context) کو صاف رکھنے کے لیے گفتگو ختم ہونے پر مہارتیں ہٹا دیں۔
فرنٹ اینڈ (Frontend) اور UI
- Next.js: App Router کا استعمال کریں۔ یہ بہتر SEO اور رفتار کے لیے سرور سائیڈ رینڈرنگ (server-side rendering) کو سنبھالتا ہے۔
- React: فیچرز کو تیزی سے شامل کرنے کے لیے بہترین ایکو سسٹم (ecosystem) ہے۔
- MUI (Material UI): ہم اسے Figma میں ہر چیز کو شروع سے ڈیزائن کرنے سے بچنے کے لیے استعمال کرتے ہیں۔ یہ مہینوں کا کام بچاتا ہے۔
- Zod اور React Hook Form: پیچیدہ فارمز اور ویلیڈیشن (validation) کو سنبھالنے کے لیے بہترین کومبو ہے۔
بیک اینڈ (Backend) اور ڈیٹا
- Firebase: ہم اسے آتھنٹیکیشن (authentication)، اسٹوریج اور ڈیٹا بیس (Firestore) کے لیے استعمال کرتے ہیں۔
- Firestore Rules: یہ ایک ہی فائل میں تمام اجازتوں (permissions) کو سنبھالتا ہے۔ یہ بار بار سیکورٹی کوڈ لکھنے کی ضرورت کو ختم کر دیتا ہے۔
- Firebase Functions: پیچیدہ لاجک کے لیے انہیں استعمال کریں۔ اپنے فرنٹ اینڈ کو سادہ (dumb) اور بیک اینڈ کو ذہین (smart) رکھیں۔
- Vercel AI SDK: اپنے ایپ میں مختلف AI ماڈلز کو انٹیگریٹ کرنے کا آسان ترین طریقہ ہے۔
ٹیسٹنگ اور ڈیپلائمنٹ (Deployment)
- Integration Tests: ہم بیک اینڈ سروس لیئر کو ٹیسٹ کرنے کے لیے Jest استعمال کرتے ہیں۔ ہم چھوٹے یونٹ ٹیسٹ کے بجائے اس بات پر توجہ دیتے ہیں کہ مختلف حصے مل کر کیسے کام کرتے ہیں۔
- TypeScript: یہ محفوظ ری فیکٹرنگ (refactoring) کے لیے ضروری ہے۔
- Vercel: یہ فوری پروڈکشن اور پری ویو ڈیپلائمنٹس فراہم کرنے کے لیے GitHub سے جڑتا ہے۔
- PostHog: اینالیٹکس (analytics)، سیشن ری پلے اور ایرر لاگز کے لیے اسے استعمال کریں۔
- Resend اور react-email: یہ آپ کو ای میلز کو React کمپوننٹس کے طور پر لکھنے کی اجازت دیتا ہے۔
اس ڈھانچے والا ایک ٹیمپلیٹ پروجیکٹ GitHub پر موجود ہے۔
Source: https://dev.to/martinxpn/the-teach-stack-for-building-web-platforms-in-the-ai-native-era-45ka
Optional learning community: https://github.com/MartinXPN/nextjs-firebase-mui-starter