नेक्सी ट्यूटोरियल: चरण दर चरण एक नोट्स ऐप बनाएं

नेक्सी ट्यूटोरियल एक खाली फ़ोल्डर से प्रोडक्शन बिल्ड में एक नोट्स ऐप बनाता है, एक समय में एक भाग, और प्रत्येक भाग चलने वाले ऐप के साथ समाप्त होता है।

नेक्सी में नए हैं? त्वरित प्रारंभ इसे तीन मिनट में चालू दिखाता है; यह कैसे काम करता है यह जानने के लिए यहां वापस आएं।

ट्यूटोरियल कैसे काम करता है

एक ऐप जो बढ़ता है। प्रत्येक भाग पिछले भाग के नोट्स ऐप में एक सुविधा जोड़ता है।
आपका राउटर। भाग मेनू के शीर्ष पर चुने गए राउटर का अनुसरण करते हैं: फ़ाइल-आधारित, मॉड्यूलर या कस्टम। इसे वहां स्विच करें, और हर हिस्से की फाइलें इसके साथ बदल जाती हैं।
कोड जो चलता है। ऊपर दिए गए नाम वाली प्रत्येक फ़ाइल एक संपूर्ण फ़ाइल होती है, और परीक्षण सूट एक नए प्रोजेक्ट पर भागों को क्रम में दोहराता है: आप जो कॉपी करते हैं वही चलता है।
कहीं भी रुकें। प्रत्येक भाग में 10 से 20 मिनट लगते हैं और ब्राउज़र में क्या जांचना है इसके साथ समाप्त होता है।

भाग	आप क्या जोड़ते हैं	आप क्या सीखते हैं
1. प्रोजेक्ट बनाएं	एक प्रोजेक्ट जो चलता है	`nexy new`, `nexy dev`
2. पेज और लेआउट	नोट्स पृष्ठ	पृष्ठ, दृश्य, लेआउट
3. गतिशील मार्ग और एक एपीआई	`/notes/1` और `/api/notes`	यूआरएल खंड, JSON मार्ग, `notFound`
4. घटक	प्रति नोट एक कार्ड	`.nexy` घटक और उनके सहारा

भाग	आप क्या जोड़ते हैं	आप क्या सीखते हैं
5. नोटों को SQLite में संग्रहित करें	एक मॉडल, एक माइग्रेशन, एक बीज	SQLModel, `nx migrate`
6. एक फॉर्म से एक नोट बनाएं	एक प्रपत्र जो किसी नोट को सहेजता है	क्रियाएँ, बिना प्रपत्र JavaScript
7. सत्यापन त्रुटियाँ दिखाएँ	प्रपत्र के ऊपर एक संदेश	एक कार्रवाई में नियम, `303`, `useSearchParams`
8. नोट संपादित करें और हटाएं	नोट के रूप	प्रति पृष्ठ कई क्रियाएँ, छिपे हुए फ़ील्ड
9. नोट्स को पेजिनेट करें	प्रति पृष्ठ पाँच नोट्स	`offset` और `limit`, पृष्ठों के बीच लिंक

भाग	आप क्या जोड़ते हैं	आप क्या सीखते हैं
10. एक खाता बनाएं और साइन इन करें	साइन अप करें, साइन इन करें, साइन आउट करें	सत्र, पासवर्ड हैशिंग
11. प्रत्येक उपयोगकर्ता को अपने स्वयं के नोट्स दें	नोट जो उपयोगकर्ता के हैं	विदेशी कुंजी, `redirect`, `401`
12. ईमेल द्वारा भूले हुए पासवर्ड को रीसेट करें	ईमेल द्वारा भेजा गया एक रीसेट लिंक	`smtplib`, हस्ताक्षरित टोकन जो समाप्त हो जाते हैं

भाग	आप क्या जोड़ते हैं	आप क्या सीखते हैं
13. टाइप करते समय नोट्स खोजें	एक खोज बॉक्स जो आपके टाइप करते ही फ़िल्टर हो जाता है	React द्वीप, Python से सहारा
14. पृष्ठ को पुनः लोड किए बिना नोट पर निशान लगाएं	प्रत्येक नोट पर एक पूर्ण बटन	प्रगतिशील वृद्धि, एक प्रपत्र के लिए एक कार्रवाई और `fetch`

इकाई	ऐप को क्या फायदा
5. अनुरोध से परे	पृष्ठभूमि में ईमेल द्वारा साझा किए गए नोट्स, दैनिक डाइजेस्ट, लाइव अपडेट
6. जहाज़	परीक्षण, त्रुटि पृष्ठ और लॉग, सुरक्षा शीर्षलेख, एक Docker निर्माण