AI-Native વેબ ડેવલપમેન્ટ માટેનું ટેક-સ્ટેક
Claude Code જેવા AI એજન્ટ્સ તમે સોફ્ટવેર કેવી રીતે બનાવો છો તે બદલી નાખે છે. તમે પહેલા કરતા વધુ ઝડપથી કામ કરી શકો છો. પરંતુ ઝડપને કારણે કોડ અસ્તવ્યસ્ત થઈ શકે છે. વિકાસ કરવા માટે તમારે તમારા પ્રોજેક્ટને સરળ અને જાળવવા યોગ્ય રાખવો જોઈએ.
ઝડપથી બનાવવા અને સરળતાથી સ્કેલ કરવા માટે અમે જે સ્ટેકનો ઉપયોગ કરીએ છીએ તે અહીં છે.
AI એજન્ટ વ્યૂહરચના ઓવર-એન્જિનિયરિંગ કરશો નહીં. AI હજારો લાઇનોનો નકામો કોડ ઉમેરવાનું સરળ બનાવી દે છે.
- તમારી AGENTS.md અથવા CLAUDE.md ફાઇલો નાની રાખો.
- ફક્ત એવા જ પ્રોજેક્ટ નિયમો સામેલ કરો જેમાં એજન્ટો વારંવાર ભૂલ કરે છે.
- જ્યારે જરૂર હોય ત્યારે જ ચોક્કસ સ્કિલ્સ ઇન્સ્ટોલ કરો.
- કોન્ટેક્સ્ટ સાફ રાખવા માટે વાતચીત પૂરી થાય ત્યારે સ્કિલ્સ દૂર કરો.
ફ્રન્ટએન્ડ અને UI
- Next.js: App Router નો ઉપયોગ કરો. તે બહેતર SEO અને ઝડપ માટે server-side rendering હેન્ડલ કરે છે.
- React: ફીચર્સ ઝડપથી ઉમેરવા માટેનું શ્રેષ્ઠ ઇકોસિસ્ટમ.
- MUI (Material UI): Figma માં બધું જ શૂન્યથી ડિઝાઇન કરવાનું ટાળવા માટે અમે આનો ઉપયોગ કરીએ છીએ. તે મહિનાઓનું કામ બચાવે છે.
- Zod અને React Hook Form: જટિલ ફોર્મ્સ અને વેલિડેશન હેન્ડલ કરવા માટેનું શ્રેષ્ઠ કોમ્બો.
બેકએન્ડ અને ડેટા
- Firebase: અમે ઓથેન્ટિકેશન, સ્ટોરેજ અને ડેટાબેઝ (Firestore) માટે આનો ઉપયોગ કરીએ છીએ.
- Firestore Rules: આ એક જ ફાઇલમાં તમામ પરમિશન હેન્ડલ કરે છે. તે વારંવાર સુરક્ષા કોડ લખવાની જરૂરિયાત દૂર કરે છે.
- Firebase Functions: જટિલ લોજિક માટે આનો ઉપયોગ કરો. તમારા ફ્રન્ટએન્ડને 'dumb' અને બેકએન્ડને 'smart' રાખો.
- Vercel AI SDK: તમારા એપમાં વિવિધ AI મોડલ્સને ઇન્ટિગ્રેટ કરવાનો સૌથી સરળ રસ્તો.
ટેસ્ટિંગ અને ડિપ્લોયમેન્ટ
- Integration Tests: અમે બેકએન્ડ સર્વિસ લેયર ટેસ્ટ કરવા માટે Jest નો ઉપયોગ કરીએ છીએ. અમે નાના યુનિટ ટેસ્ટને બદલે ભાગો એકબીજા સાથે કેવી રીતે કામ કરે છે તેના પર ધ્યાન કેન્દ્રિત કરીએ છીએ.
- TypeScript: સુરક્ષિત રિફેક્ટરિંગ માટે આ આવશ્યક છે.
- Vercel: તે ઇન્સ્ટન્ટ પ્રોડક્શન અને પ્રિવ્યૂ ડિપ્લોયમેન્ટ આપવા માટે GitHub સાથે જોડાય છે.
- PostHog: એનાલિટિક્સ, સેશન રિપ્લે અને એરર લોગ્સ માટે આનો ઉપયોગ કરો.
- Resend અને react-email: આ તમને React કોમ્પોનન્ટ્સ તરીકે ઇમેઇલ્સ લખવાની મંજૂરી આપે છે.
આ સ્ટ્રક્ચર સાથેનું ટેમ્પલેટ પ્રોજેક્ટ GitHub પર ઉપલબ્ધ છે.
સ્ત્રોત: https://dev.to/martinxpn/the-teach-stack-for-building-web-platforms-in-the-ai-native-era-45ka
વૈકલ્પિક લર્નિંગ કોમ્યુનિટી: https://github.com/MartinXPN/nextjs-firebase-mui-starter