AI-Native இணைய மேம்பாட்டிற்கான டெக்-ஸ்டாக்
Claude Code போன்ற AI ஏஜெண்டுகள் நீங்கள் மென்பொருளை உருவாக்கும் முறையை மாற்றுகின்றன. நீங்கள் முன்னெப்போதையும் விட வேகமாகச் செயல்பட முடியும். ஆனால், இந்த வேகம் குழப்பமான குறியீடுகளுக்கு (messy code) வழிவகுக்கலாம். உங்கள் திட்டம் வளர வேண்டுமானால், அதை எளிமையாகவும் பராமரிக்கக்கூடியதாகவும் வைத்திருக்க வேண்டும்.
வேகமாக உருவாக்கவும், எளிதாக விரிவாக்கவும் (scale) நாங்கள் பயன்படுத்தும் டெக்-ஸ்டாக் இதோ.
AI ஏஜென்ட் உத்தி தேவையில்லாமல் சிக்கலாக்க வேண்டாம் (Overengineer). ஆயிரக்கணக்கான தேவையற்ற குறியீடுகளைச் சேர்ப்பதை AI எளிதாக்கிவிடுகிறது.
- உங்கள் AGENTS.md அல்லது CLAUDE.md கோப்புகளைச் சிறியதாக வைத்திருங்கள்.
- ஏஜெண்டுகள் அடிக்கடி தவறு செய்யும் திட்ட விதிகளை (project rules) மட்டும் அதில் சேர்க்கவும்.
- குறிப்பிட்ட திறன்கள் (skills) தேவைப்படும்போது மட்டும் அவற்றை நிறுவவும்.
- சூழல் (context) சுத்தமாக இருக்க, உரையாடல் முடிந்தவுடன் அந்தத் திறன்களை நீக்கிவிடவும்.
Frontend மற்றும் UI
- Next.js: App Router-ஐப் பயன்படுத்தவும். இது சிறந்த SEO மற்றும் வேகத்திற்காக சர்வர்-சைடு ரெண்டரிங்கைக் (server-side rendering) கையாள்கிறது.
- React: அம்சங்களை விரைவாகச் சேர்க்க சிறந்த சூழல் (ecosystem).
- MUI (Material UI): அனைத்தையும் Figma-வில் புதிதாக வடிவமைப்பதைத் தவிர்க்க இதைப் பயன்படுத்துகிறோம். இது பல மாத கால வேலையைச் சேமிக்கிறது.
- Zod மற்றும் React Hook Form: சிக்கலான படிவங்கள் (forms) மற்றும் சரிபார்ப்புகளை (validation) கையாளுவதற்கான சிறந்த கூட்டணி.
Backend மற்றும் Data
- Firebase: அங்கீகாரம் (authentication), சேமிப்பு (storage) மற்றும் தரவுத்தளத்திற்கு (Firestore) இதைப் பயன்படுத்துகிறோம்.
- Firestore Rules: இது அனைத்து அனுமதிகளையும் (permissions) ஒரே கோப்பில் கையாள்கிறது. இது மீண்டும் மீண்டும் தேவைப்படும் பாதுகாப்பு குறியீடுகளின் தேவையைக் குறைக்கிறது.
- Firebase Functions: சிக்கலான லாஜிக்கிற்கு (logic) இதைப் பயன்படுத்தவும். உங்கள் frontend-ஐ எளிமையாகவும், backend-ஐ புத்திசாலித்தனமாகவும் வைத்திருங்கள்.
- Vercel AI SDK: உங்கள் செயலியில் பல்வேறு AI மாடல்களை ஒருங்கிணைப்பதற்கான மிக எளிதான வழி.
Testing மற்றும் Deployment
- Integration Tests: பேக்எண்ட் சர்வீஸ் லேயரைச் சோதிக்க Jest-ஐப் பயன்படுத்துகிறோம். சிறிய யூனிட் டெஸ்ட்களை விட, பல்வேறு பகுதிகள் எவ்வாறு இணைந்து செயல்படுகின்றன என்பதில் நாங்கள் கவனம் செலுத்துகிறோம்.
- TypeScript: பாதுகாப்பான ரீஃபாக்டரிங்கிற்கு (refactoring) இது அவசியம்.
- Vercel: இது GitHub உடன் இணைந்து உடனடி ப்ரொடக்ஷன் மற்றும் பிரீவியூ டெப்ளாய்மென்ட்களை (deployments) வழங்குகிறது.
- PostHog: அனலிட்டிக்ஸ் (analytics), செஷன் ரீப்ளேக்கள் (session replays) மற்றும் எரர் லாக்ஸிற்கு (error logs) இதைப் பயன்படுத்தவும்.
- Resend மற்றும் react-email: இது மின்னஞ்சல்களை React காம்போனென்ட்களாக (components) எழுத அனுமதிக்கிறது.
இந்த அமைப்பைக் கொண்ட ஒரு டெம்ப்ளேட் புராஜெக்ட் 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