एआई एजुकेशन अकादमी के पीछे की तकनीकी वास्तुकला का अन्वेषण करें: नेक्स्ट.जेएस 15 ऐप राउटर, आई18एन के लिए नेक्स्ट-इंटल, एमडीएक्स कंटेंट पाइपलाइन, गिट सबमॉड्यूल, पीडब्ल्यूए सपोर्ट और वर्सेल परिनियोजन।
एआई एजुकेशन अकादमी के निर्माण ने एक अनूठी तकनीकी चुनौती पेश की: एक ऐसा मंच तैयार करना जो दुनिया भर के शिक्षार्थियों के लिए सुलभ हो, बनाए रखना आसान हो, और लाखों उपयोगकर्ताओं को सेवा प्रदान करने के लिए पर्याप्त स्केलेबल हो - यह सब कोडबेस को साफ और डेवलपर-अनुकूल रखते हुए।
इस गहन गोता में, हम नेक्स्ट.जेएस 15 की हमारी पसंद से लेकर गिट सबमॉड्यूल के साथ बहुभाषी सामग्री का प्रबंधन करने तक, हमारे प्लेटफ़ॉर्म को आकार देने वाले वास्तुशिल्प निर्णयों से गुजरेंगे। चाहे आप एक शैक्षिक मंच, एक दस्तावेज़ीकरण साइट, या कोई सामग्री-भारी एप्लिकेशन बना रहे हों, आपको यहां व्यावहारिक अंतर्दृष्टि मिलेगी।
जब हमने एआई एजुकेशन अकादमी का निर्माण शुरू किया, तो Next.js 14 मानक था। जब तक हमने लॉन्च किया, Next.js 15 ऐप राउटर में महत्वपूर्ण सुधारों के साथ जारी किया गया था। हमने छलांग लगाई क्योंकि कई कारक हमारे लक्ष्यों के साथ पूरी तरह से मेल खाते थे:
डिफ़ॉल्ट रूप से सर्वर घटक: Next.js 15 ऐप राउटर डिफ़ॉल्ट रूप से सर्वर घटकों का उपयोग करता है, जिसका अर्थ है कि हम सरल संचालन के लिए अतिरिक्त एपीआई मार्गों के बिना सीधे अपने घटकों में डेटा प्राप्त कर सकते हैं। इससे जटिलता कम हो जाती है और आउट ऑफ द बॉक्स प्रदर्शन में सुधार होता है।
वृद्धिशील स्थैतिक पुनर्जनन (आईएसआर): शैक्षिक सामग्री लगातार नहीं बदलती है, लेकिन यह बदलती रहती है। आईएसआर हमें बिल्ड टाइम पर पेजों को प्री-रेंडर करने और फिर एक शेड्यूल पर उन्हें दोबारा सत्यापित करने की अनुमति देता है। इसका मतलब है कि हमारे ब्लॉग पोस्ट, ट्यूटोरियल और पाठ्यक्रम सामग्री ऑन-डिमांड रेंडरिंग के प्रदर्शन प्रभाव के बिना हमेशा ताज़ा रहती हैं।
अंतर्निहित अनुकूलन: छवि अनुकूलन, फ़ॉन्ट लोडिंग और कोड विभाजन स्वचालित रूप से नियंत्रित किया जाता है। हमें इन सुविधाओं को बनाने या कॉन्फ़िगर करने में कोई खर्च नहीं करना पड़ा - वे बस काम करते हैं।
फ़ाइल-आधारित रूटिंग: ऐप राउटर की सहज फ़ाइल संरचना यह स्पष्ट करती है कि पेज और एपीआई रूट कहाँ रहते हैं। नए योगदानकर्ता कोडबेस में जा सकते हैं और संरचना को तुरंत समझ सकते हैं।
// Our routing structure is intuitive and scalable
app/
├── [locale]/
│ ├── page.tsx
│ ├── programs/
│ │ ├── page.tsx
│ │ └── [slug]/
│ │ └── page.tsx
│ └── blog/
│ ├── page.tsx
│ └── [slug]/
│ └── page.tsx
├── api/
└── layout.tsx
एआई एजुकेशन अकादमी वैश्विक समुदाय के लिए बनाई गई है। कई भाषाओं में सामग्री पेश करना न केवल अच्छा है - यह सभी के लिए मुफ्त एआई शिक्षा के हमारे मिशन को पूरा करने के लिए आवश्यक है।
हमने next-intl को चुना क्योंकि यह:
/en/programs और /es/programas प्राप्त कर सकते हैं)यहां बताया गया है कि हम अपने i18n सेटअप की संरचना कैसे करते हैं:
// middleware.ts - Detects user locale and routes accordingly
import { createMiddleware } from 'next-intl/middleware';
export default createMiddleware({
locales: ['en', 'es', 'fr', 'de', 'zh'],
defaultLocale: 'en'
});
export const config = {
matcher: ['/((?!api|_next|.*\\..*).*)']
};
हमारी अनुवाद फ़ाइलें स्थान और सुविधा के आधार पर व्यवस्थित होती हैं:
messages/
├── en/
│ ├── common.json
│ ├── programs.json
│ └── blog.json
├── es/
│ ├── common.json
│ └── ...
└── fr/
└── ...
यह दृष्टिकोण खूबसूरती से मापता है। एक नई भाषा जोड़ने का अर्थ है JSON फ़ाइलों के साथ एक नया फ़ोल्डर जोड़ना - किसी कोड परिवर्तन की आवश्यकता नहीं है।
यहीं पर चीजें दिलचस्प हो जाती हैं। हम एक पारंपरिक हेडलेस सीएमएस का उपयोग कर सकते थे, लेकिन हमने एमडीएक्स को चुना क्योंकि यह हमें दोनों दुनियाओं का सर्वश्रेष्ठ प्रदान करता है: सामग्री प्रबंधन जो हमारे कोड के साथ संस्करण-नियंत्रित है, और हमारी शैक्षिक सामग्री में सीधे इंटरैक्टिव रिएक्ट घटकों को एम्बेड करने की क्षमता है।
जब आप एआई एजुकेशन अकादमी पर कोई ब्लॉग पोस्ट या ट्यूटोरियल पढ़ते हैं, तो आप केवल स्थिर HTML नहीं पढ़ रहे होते हैं। आप इनके साथ बातचीत कर रहे होंगे:
यह सब इसलिए संभव है क्योंकि हम एमडीएक्स का उपयोग कर रहे हैं। हमारे सामग्री लेखक मार्कडाउन में लिख सकते हैं, लेकिन डेवलपर्स कस्टम घटकों को पास कर सकते हैं:
---
title: "Understanding Neural Networks"
---
# Understanding Neural Networks
<ConceptExplainer concept="neural-networks" />
Neural networks are inspired by how our brains work...
<InteractiveQuiz questionId="nn-101" />
## Real-World Applications
<CodeExample language="python" title="Simple Neural Network" />
Next.js 15 में MDX को सुचारू रूप से चलाने के लिए, हम @next/mdx का उपयोग करते हैं और इसे अपने next.config.js में कॉन्फ़िगर करते हैं:
// next.config.js
import createMDX from '@next/mdx';
const withMDX = createMDX({
options: {
remarkPlugins: [
// Our custom plugins for syntax highlighting, TOC generation, etc.
],
rehypePlugins: []
}
});
export default withMDX({
pageExtensions: ['ts', 'tsx', 'mdx']
});
यहां एक चतुर वास्तुशिल्प निर्णय है: हमारी सामग्री अलग-अलग गिट रिपॉजिटरी में रहती है, जिसे गिट सबमॉड्यूल के रूप में मुख्य एप्लिकेशन में खींचा जाता है।
क्यों? क्योंकि यह सक्षम बनाता है:
हमारी निर्देशिका संरचना इस प्रकार दिखती है:
ai-educademy/
├── content/ (git submodule)
│ ├── blog/
│ │ ├── en/
│ │ ├── es/
│ │ └── fr/
│ ├── programs/
│ │ └── [course content]
│ └── lab/
│ └── [interactive exercises]
├── app/
├── package.json
└── .gitmodules
जब हमें सामग्री अद्यतन करने की आवश्यकता होती है, तो हम:
# Pull latest content
git submodule update --remote
# Or content authors can PR directly to the content repo
यह डिकूपलिंग हमारे वेग के लिए गेम-चेंजिंग रही है। सामग्री को एप्लिकेशन पुनर्निर्माण को ट्रिगर किए बिना अपडेट किया जा सकता है (आईएसआर के लिए धन्यवाद), और गैर-इंजीनियरों द्वारा नए प्रोग्राम जोड़े जा सकते हैं।
शिक्षा निम्न-बैंडविड्थ परिवेश सहित सभी उपकरणों पर होती है। हमने AI Educademy को PWA के रूप में बनाया है ताकि शिक्षार्थी ये कर सकें:
// next.config.js includes PWA configuration
import withPWA from 'next-pwa';
const withPWA = require('next-pwa')({
dest: 'public',
disable: process.env.NODE_ENV === 'development'
});
हमारी सेवा कार्यकर्ता रणनीति सीधी है:
हम वर्सेल पर तैनात हैं क्योंकि नेक्स्ट.जेएस के साथ एकीकरण निर्बाध है। हमारी मुख्य शाखा पर प्रत्येक धक्का स्वचालित निर्माण और तैनाती को ट्रिगर करता है। अधिक महत्वपूर्ण बात:
हमारी परिनियोजन पाइपलाइन इस प्रकार दिखती है:
Git Push → GitHub → Vercel Build → CDN Distribution → Global Users
विशेष रूप से सामग्री अपडेट के लिए, हमने वेबहुक सेट अप किया है ताकि जब हमारी सामग्री सबमॉड्यूल अपडेट हो जाए, तो वर्सेल स्वचालित रूप से ताजा सामग्री के साथ साइट का पुनर्निर्माण करता है।
यह सभी आर्किटेक्चर एक ऐसा प्लेटफ़ॉर्म बनाने के लिए मिलकर काम करते हैं जो शीर्ष स्तर पर प्रदर्शन करता है। हमारी वास्तविक दुनिया की मेट्रिक्स:
ये वैनिटी मेट्रिक्स नहीं हैं - तेज़ साइटों का मतलब है कि अधिक शिक्षार्थी हमारी सामग्री तक पहुंच सकते हैं, विशेष रूप से मोबाइल नेटवर्क पर या सीमित बुनियादी ढांचे वाले क्षेत्रों में।
संपूर्ण कोडबेस खुला स्रोत है। यदि आप यह देखना चाहते हैं कि ये सभी टुकड़े एक साथ कैसे काम करते हैं, तो आप रिपॉजिटरी का पता लगा सकते हैं, सुधार कर सकते हैं, या इसे अपने शैक्षिक मंच के लिए उपयोग कर सकते हैं।
जिस आर्किटेक्चर का हमने यहां वर्णन किया है वह मालिकाना नहीं है - यह ठोस, व्यापक रूप से अपनाए गए ओपन सोर्स टूल पर बनाया गया है। समुदाय को हमारी सीख से लाभ होता है, और हमें सामुदायिक योगदान से लाभ होता है।
चाहे आप एक शैक्षिक मंच या कोई सामग्री-भारी एप्लिकेशन बना रहे हों, इस पर विचार करें:
एआई एजुकेशन अकादमी शिक्षा के लिए सुलभ, प्रदर्शनशील और रखरखाव योग्य तकनीकी बुनियादी ढांचे के प्रति हमारी प्रतिबद्धता का प्रतिनिधित्व करती है। यदि आप इनमें से किसी भी तकनीक में रुचि रखते हैं या योगदान देना चाहते हैं, हमारा कोड खुला स्रोत है और आपके सहयोग की प्रतीक्षा कर रहा है।
हमारे मंच को आज़माना चाहते हैं? हमारे कार्यक्रमों का अन्वेषण करें | लैब पर जाएँ | हमारे मिशन के बारे में और पढ़ें
किसी भी अकादमी का पहला पाठ मुफ्त आजमाएं, फिर बाकी हर पाठ, प्रोजेक्ट और प्रमाणपत्र Pro से अनलॉक करें.
2026 में ओपन सोर्स एआई की स्थिति: मार्ग का नेतृत्व करने वाले मॉडल, उपकरण और समुदाय
हगिंगफेस से लेकर लामा से लेरोबोट तक, ओपन सोर्स एआई 2026 में फल-फूल रहा है। सभी के लिए सुलभ एआई को आकार देने वाले शीर्ष मॉडल, टूल और समुदायों का अन्वेषण करें।
हमने एआई शिक्षा अकादमी क्यों बनाई
एक मुफ़्त, ओपन-सोर्स एआई शिक्षा मंच के पीछे की कहानी जो 11 भाषाओं में कृत्रिम बुद्धिमत्ता सिखाता है - बिल्कुल शुरुआती से लेकर उन्नत अभ्यासकर्ताओं तक।