Up next in 10
Adding MongoDB Database to Codeswear.com _ NextJs Tutorial for Beginners #46
12 views
Feb 13, 2024
In this tutorial, we explore the process of integrating MongoDB, a popular NoSQL database, into Codeswear.com, a Next.js application. MongoDB offers flexibility and scalability, making it an ideal choice for modern web development projects. Throughout the video, we'll cover the steps required to set up MongoDB, establish a connection within the Next.js application, and perform basic database operations. Whether you're a beginner looking to enhance your Next.js skills or seeking to incorporate MongoDB into your projects, this tutorial provides a comprehensive guide to seamlessly integrating databases into your web applications.
View Video Transcript
0:00
QuotesFair.com को बनाने के लिए हम लोग इस्तेमाल करने वाले हैं Mongoose क�
0:03
Mongoose एक Connector है MongoDB पे Connect करने के काम आएगा JavaScript क�
0:08
और हम लोग इसकी बहुत सारी Built-in functionalities का इस्तेमाल कर सकते है�
0:12
हमें खुद से MongoDB में Read, Write, Update ये सारी चीज़े करने की ज़रूरत नहीं ह�
0:17
mongoos हमारे लिए कई चीज़ें manage करेगा for example created at, updated at
0:21
यह सारी चीज़ें mongoos timestamps को अगर हम true करते हैं तो automatically create कर देता ह�
0:25
यह सारी चीज़ें किस तरह से की जाती है क्या syntax है, किस तरह से manage कर रहा ह�
0:30
देखते हैं चलते हैं computer screen में और इस चीज़ को build करना start करते है�
0:35
अब हम लोग देखेंगे कि किस तरह से हम लोगों ने जैसे कि साइनअप किया है वह इस तरह से डेटाबेस की तैयारिया heck
0:50
और मॉंगूस को इंस्टॉल करेंगे सबसे पहले आपको मॉंगूस क्या होता है तो मैं आप और जल्दी से आप लोगों क�
0:56
मॉंगूज मॉंगूज यह होता है यह जानवर होता है लाख कर रहा हूं वह मोंगूज एक लाइब्रेडी होती है जावास्क्रिप्�
1:04
की जिससे हम क्रिएट करेंगे मॉंगो डीवी को ठीक है तो सबसे पहले हम क्या करेंगे कि यहां पर जल्दी से ए �
1:10
एंटीएम इंस्टॉल एंटीएम इंस्टॉल एंटीएम आए मॉंगूज कर लेंगे और लाइब्रेडी इंस्टॉल हो जाएगी ठीक ह�
1:18
इसके बाद हम क्या करेंगे कुछ बॉडल्स बनाएंगे जिसमें हम अपनी डाटा को स्टोर करेंगे लेकिन उससे पहले आपक�
1:23
install करना पड़ेगा मोंगो डीबी को ठीक है ठीक है install मोंगो डीबी और install मोंगो डीबी करन�
1:32
के बाद आप बताओ का जाना रिसोर्सेस में जाना नहीं सॉल्यूशन में नहीं नहीं मैं बताता हूं कहां था कहा�
1:39
मांगो डीबी को इंस्टॉल करने का तरीका यहां पर लिखा हुआ है मांगो डीबी कमिनिटी एडिशन कमिनिटी एडिशन करन�
1:45
स्टॉल बाय देवा मैं आपको बताना चाहता हूं आप कहीं डाउनलोड सेंटर पर चले जाओ यहां पर आप कहीं एंटरप्राइ�
1:51
नहीं लगा तो आप लोग को पर करना पड़ेगा चाहिए ट्रायल वगैरह लुट दे देख लेना अब चीजों को आप लो�
1:57
कुछ ठीक है अब यहां पर करेंट वर्जन जो है वह डाउनलोड कर लो और MSI फाइल है डाउनलोड है इसको आ�
2:03
install कर लो अपने कंप्यूटर में एक बार आप इंस्टॉल कर लोगे तो आपका कॉमपस भी इंस्टॉल हो जाएगा जो क�
2:08
मांगो डीवी का एक प्रॉडक्ट है और आपका सब कुछ टोल हो जाएगा सारा काम आपका हो जाएगा मैं जल्दी से फास्�
2:13
पर करके मॉग मॉगो डीबी कॉमपस को खुलता हूं ठीक है तो यह आप लोग देख सकते हैं यहां पर कि जो मेरा मॉग�
2:19
डीबी है वह खुल चुका है अब मैं आप अपने पर जैसे क्लिक करूंगा तो लोकल होस्ट पर कनेक्ट हो जाएगा देख�
2:24
लोकल होस दिखा रहा है क्लस्टर स्टैंडल हो दिखा रहा है और यहां पर मांगो डीबी का मेरा वर्जन दिखा रह�
2:29
है ठीक है तो यहां पर यह सारे के सारे डाटाबेसेस जो मैंने बना रखे हैं यहां पर वह मौजूद है तो मैं यहा�
2:33
यह करूंगा सारे के सारे डेटाबेस वगैरह यहीं पर बनाऊंगा ठीक है तो मॉन्गूस में किस तरह से टेबल्�
2:39
बनती है इस चीज को आप लोग समझो पहले मॉन्गूस क्या चीज है ठीक है तो यहां पर देखो ने लिखा लेट्सफेस ए�
2:44
टाइटिंग मांगो डीवी वैलिडेशन और यह सारे बिजनेस वाजिक बहुत ज्यादा ट्रैक है तो हमने इसलिए मांगूस क�
2:48
बनाया ताकि आप लोग अच्छे से स्कीमा को डिजाइन कर पाओ यहां पर इसके क्विक स्टार्ट पेज पर आपको लेक�
2:53
तो आप लोग यहाँ पर देख सकते हो कि उन्होंने बताया किस तरह से इसको इस्तेमाल करना है तो यह लोग कह रह�
2:58
हैं कि सबसे पहले तो यह इस तरह से इंस्टॉल कर लो इसको ठीक है इंस्टॉल करने के बाद मोंगो डीवी से कनेक्श�
3:02
आपको पूरी प्रोसेस पर चीज करने वाला है कि यह कैसे की जाती है तो सबसे पहले हम लोग यहां पर करेंगे क्य�
3:14
आएंगे अपने कोड बेस पर का गया मेरा कोड बेस इस कोड बेस में हम लोग क्या करेंगे सबसे पहले मैं सारे के सार�
3:20
models folder models folder models
3:32
एक तो होगा order.js जिसके अंदर मैं orders अपने डालूंगा model को आप एक तरह से database के अंदर table समझ ल�
3:39
हला कि Mongo के अंदर tables नहीं होती है Mongo के अंदर collections और documents होते ह�
3:44
लेकिन मैं आपको बता रहा हूँ अगर आप लोग DBMS background से आ रहे हो और आपने कोई relational database management system
3:49
use किया हुआ है तो इसके बाद सबसे important product.js और इसके बा�
3:55
यहाँ पर एक और जो मैं authentication के लिए बनाने वाला हूं वह मेरे यूजर डॉट जीएस ठीक है तो मैंने यह तीनों की तीनों चीजें यहां पर बना ली है ठीक है अब हम कि�
4:03
तरह से एक मांग्व स्कीमा को डिफाइन करते हैं यह मैं आप लोगों को बताता हूं तो तीन तरह के मॉडल समलों को न�
4:08
लिए सबसे पहले ऑडर डॉट जीएस के अंदर जाते हैं और यहां पर मैं आप लोगों को बताऊंगा किस तरह से आ�
4:12
लोग अपने ऑर्डर डाल सकते हो प्रोडक्ट डाल सकते हो यूजर डाल सकते हो पहले प्रोडक्ट सबसे आधा क्योंक�
4:17
एक्टिवेट इसलिए हम लोग प्रोडक्ट डाल लेते हैं और पूरा डॉक्यूमेंटेशन का मैं यूज करने वाला हूं जैस�
4:21
कि इन्होंने यहां पर बताया है कि कुछ इस तरह से आप इसको इंपोर्ट करो सबसे पहले और इंपोर्ट करने के बा�
4:28
यहां पर जैसे कि लिखा हुआ है कॉस्ट मॉन्गूस इसी कोल टू रिक्वायर मॉन्गूस और में डॉट कैच एरर और इसके बा�
4:33
कनेक्ट कर दिया इन लोगों ने तो मैं कनेक्शन के लिए मिडल बनाऊंगा और मैं आपको दिखाऊंगा इन सब चीजों क्य�
4:38
और कैसे की जाती है और आप इस particular project को as a template use कर सकते हो और मैं आपको लिखूंग�
4:44
order schema is equal to तो अगर मैं आप लोगों को यहाँ पर schema के dogs दिखाओ, mongo db के schema के dogs
4:52
तो यहाँ पर देखो इन्होंने एक schema बना कर दिखाया होगा कि 10 schema is equal to new mongo's dot schema
4:57
तो इस तरह का हम लोग syntax use करते हैं new mongoose.schema
5:01
अब order schema के अंदर क्या-क्या चीज़े आने वाली है सबसे पहली चीज़ जो आने वाली ह�
5:06
मेरी user id आने वाली है कि बाई किस user ने इस schema क�
5:11
जो है sorry इस order को डाला है ठीक है तो एक चीज़ हम यहाँ प�
5:15
लिख सकते हैं टाइप ठीक है तो मैं कहूंगा इसका टाइप स्ट्रिंग है अब क्योंकि मैं इसमें और भी आर्ग्यूमें�
5:20
डालना चाहता हूं इसलिए मैं इस तरह का ऑब्जेक्ट दे रहा हूं मैं कहूंगा रिक्वायर्ड जो है इसको ट्रू कर दो या�
5:25
यह प्रो है ठीक है रिक्वाइड है ठीक है अब इसके बाद हम क्या करेंगे प्रोडक्ट डालेंगे जो कि एक एर�
5:33
होगा ठीक है किस चीज का एरे होगा यह प्रोडक्ट उसमें क्या-क्या होगा एक ऑब्जेक्ट होगा और मैं एक तो प्रोडक्�
5:42
चाहूंगा ठीक है यहाँ पर मुझे दिखाई पड़े और उसी के साथ सथ मैं यहाँ पर चाहूंगा कि मुझ�
5:46
प्वांटिटी पता चले तो प्रोडक्ट आईडी का टाइप क्या होगा तो यहाँ पर मैं टाइप स्ट्रिंग डाल दूंग�
5:52
और ये कुछ इस तरह से मैं करूँगा कॉमा लगाऊंगा यहाँ पर कॉमा लगाने के बाद प्रोडक्ट आईडी हो गई एक चीज और एक क्वांटिटी होगी ठीक ह�
6:00
quantity का जो type होगा वो number होगा ठीक है अब मैं यहाँ पर required true
6:07
लिख सकता हूँ और मैं चाहूँ कि required हो लेकिन मैं यहाँ प�
6:11
default one लिखूँगा ठीक है अगर मालो मैं सिर्फ एक product डाल रहा हूँ यहाँ प�
6:15
तो default value quantity की one हो जाए ठीक है मैंने quantity specify नहीं करी है त�
6:19
ठीक है तो आई होप यह चीज क्लियर हो गई तो यह प्रोडक्ट्स का एरे है हमारा वह यहां पर खत्म हो रहा है और क्य�
6:24
चीज मैं डालना चाहूंगा मैं तरह कुछ इस तरह से मिला देता हूं मैं चाहता हूं कि बहुत सारी लाइन ना ह�
6:29
आपके कोड के अंदर ठीक है तो यह प्रोडक्ट्स आ गया ठीक है प्रोडक्ट्स के बाद मैं क्या करूंगा कि यूज�
6:35
आईडी हो गई हमारे पास प्रोडक्ट हो गए इसके बाद एक ऑडर के कर्सपोर्टिंग मुझे और क्या चीज चाहिए ए�
6:40
के कर्सपॉर्डिंग मुझे चाहिए ओके तो मैं यह प्रोडक्ट टॉट जैस में लिख रहा हूं तो मैं कंफ्यूज हो चुका हू�
6:45
order corresponding address address type string require obviously required true
7:00
required required true ठीक है? address के बाद एक amount मैं चाहता हूँ कि या इस पूर�
7:11
एडिट ओवर ऑल्डर का अमाउंट क्या है वह एक नंबर होगा ठीक है वह नंबर होगा वह भी मुझे रिक्वाइड ट्रू ह�
7:18
करना है ठीक है अब इसके बाद एक स्टाइट आफ होगा ऑडर का कि यह डिलीवर्ड हो गया ठीक है या पेंडिंग है ठी�
7:24
तो इसमें मैं एक default value डालूँगा और default में pending डालूँगा और इसका type एक string होगा ठीक ह�
7:33
तो जो order है address हो गया, amount हो गया, products हो गया हमारे पा�
7:40
order का status कह लो या फिर order के state में ह�
7:44
state भी कह सकते हो आप इस चीज़ को एक चीज़ यह हो गया हमारे पास ठीक है अब अगर आप लोग चाहते हो कि automatically created at और updated at properties बन जाए�
7:52
तो आप यहाँ पर mongo eighteen.schema का एक second argument डाल सकते ह�
7:56
timestamps true ठीक है और यह एक object होगा ठीक है I hope कि मैंने यह सही से लिखा ह�
8:04
तो timestamps true अगर आप लोगों ने यहाँ पर डाल दिया तो क्या होगा time stems का s small होता है or capital होता ह�
8:11
time stems, mongoose, हाँ time stems का s small होता है ठीक ह�
8:15
तो क्या होगा कि automatically created at और updated at बन जाएंग�
8:20
अब मैं यहाँ पर simply क्या करूँगा export default mongoose.model कर दूँग�
8:25
और इसके बाद यहाँ पर मैं कहूँगा order और इसके बाद जो schema है हमार�
8:30
और डर्स की बतो इसकी मांसेज मॉडल बन जाएगा ठीक है तो मैंने यह सिंपल से चीज कर दिया अब इस पर्टिकुल�
8:38
स्कीमा का इस्तेमाल करते हुए मैं प्रॉडक्ट्स को भी बनाऊंगा इसी स्कीमा का इस्तेमाल करते हुए मैं यूज�
8:43
प्रोडक्ट बनाऊंगा और मैं यहां पर बागी सारे काम अपने कर लूंगा ठीक है तो मेरे प्रोडक्ट स्कीमा में क्य�
8:49
होगा तो जहां जहां मैं यहां पर लिख देता हूं चेंज ऑल अकरेंसिज प्रोडक्ट स्कीमा लिखूंगा ठीक है और जहा�
8:57
प्रोडक्ट लिखा है वहां मैंने यह कर दिया और यहां पर मैं जहां पर मैंने ओर्डर लिखा था वहां पर मै�
9:02
प्रोडक्ट लिख दूंगा ठीक है तो यह करने के बाद मैं क्या करूंगा मैंने यह कर दिया अब यहां पर सिंपल�
9:08
करूंगा जो मेरी फील्ड्स है उनको मैं यहां पर लिख दूंगा तो मेरी फील्ड्स यहां पर क्या है टाइटल होग�
9:12
एक तो एक तो टाइटल होगा ठीक है टाइटल इस रिक्वाइड ठीक है इसके बाद स्लाग इस रिक्वाइड वह भी ए�
9:19
रिंग होगा रिक्वाइड ट्रू और स्लग को मुझे यूनिक भी चाहिए तो मैं यूनिक ट्रू कर दूंगा और हम लो�
9:24
मोंग्स का इस्तेमाल इसलिए करने ताकि इस तरह की फील्ड से मिल जाए फिर इसके बाद मुझे डिस्क्रिप्शन ची�
9:29
ठीक है और description के साथ साथ और क्या चाहिए type string रिक्वाइट ट्रूप डीएस्ट मैंने लिख दिय�
9:36
description फिर इसके बाद सेम चीज मुझे एक इमेज चाहिए जो कि उस प्रोडक्ट की इमेज को दिखाएगी फिर इसके बा�
9:41
एक कैटेग्री चाहिए ठीक है इमेज मैंने कर दिया फिर मुझे कैटेग्री चाहिए कि भाई कहां से बिलॉक करत�
9:46
है वह टीशर्ट को बिलॉक करता है मजबूत करता है किस चीज को बिलॉक करता है ठीक है फिर इसके बाद मुझ�
9:52
का size चाहिए ठीक है जो कि required मैं true कर भी सकता हूँ नहीं भी कर सकता हूँ मैं required
9:59
इसको true नहीं करता हूँ कि शायद मग का size नहीं होगा ठीक है size के बाद मुझे color चाहिए ठीक ह�
10:06
color चाहिए type string हो गया इसको भी मैं require true नहीं कर रहा हूँ ठीक है इसके बाद मुझ�
10:25
अवेलेबल क्वांटिटी ठीक है वह कितनी क्वांटिटी अवेलेबल एडिटेब इसमें यह भी रिक्वायर्ड रिक्वायर्ड रू यहा�
10:32
नहीं करूंगा इसको मैं ठीक है अवेलेबल क्वांटिटी यहां पर या फिर इसको रिक्वाइड रूप कर देता हूं या ठी�
10:37
है जो कि अवेलेबल क्वांटिटी पता होनी चाहिए प्रोडक्ट नहीं चाहिए ड्रेस्ट इंच अमांट नहीं चाहिए कुछ भ�
10:42
चाहिए और टाइम स्टै éléments को ट्रू ही रखते हैं यहां पर ठीक है और मैंने यहां पर क्या किया कि एक्सपोर्�
10:48
डिफॉर्ड मॉंगूस डॉट मॉडल यहां पर कर दिया मैंने प्रोडक्ट यहां पर कर दिया प्रोडक्ट स्कीमा ठीक है आ�
10:54
लूप की यह चीज भी प्लेयर आप लोगों को हो गई अब आज यह यूजर पर ठीक है तो जहां प्रोडक्ट स्कीमा लिखा हु�
11:00
है वहां वहां में चेंज ऑल अकरेंसेस करके यूजर स्कीमा लिखूंगा यार देखो कुछ लोगों की वीडियो बहु�
11:07
बोरिंग लगेगा वह यह चल गया यार पूरी टेबल्स क्यों बना जा रही है यार इनका काम है बताऊंगा आपको एपिए�
11:13
मैं इस्तेमाल करूंगा इस चीज को तो यहां पर सबसे पहले यूजरनेम ठीक है उसके बाद ईमेल और पासवर्ड अ�
11:22
ategory यह चाहिए यह सारी चीजें यहां पर अभी नहीं डालना ठीक है हां शायद मैं यहां पर ए�
11:52
इस एडमिन डाल दूं लेकिन मैं सोच रहा हूं एडमिन के लिए अलग इंटरफेस बनाया जाएगा तो उसकी टेंशन भी नहीं लेता हूं ठीक है तो मैं यहां पर क्या करूंगा यह सारी की सारी चीजें मैंने इस तरह से कर दी अब इसके बाद डेटाबेस से कनेक्ट करने �
12:22
तो क्या काम आ रहा है अभी देखो यहां पर एक एरर आ रहा है और यह रखे आ रहा है ओके तो मेरा चल रहा ह�
12:27
ऑलरी सर्वर यह रहा है तो ताब उतनी बड़ी कोई दिक्कत है नहीं ठीक है या अनदर मैंने लिखा और यहां प�
12:34
इसको खोल लूंगा तो या देखो साइड से कोई लेना देना है नहीं क्योंकि मैंने सिर्फ मॉडल्स बनाए�
12:38
ठीक है तो साइड तो जैसे चल रही थी वैसे ही चलेगी ठीक है सो आई हॉप कि एक अच्छा आइडिया आ�
12:43
लग गया होगा चीज होगा अगर नेक्स्ट जीएस की प्लेलिस के सिए ने एक्सेस नहीं कर रही है तो जरूर कर लेन�
12:47
और I hope कि MongoDB installation में किसी को दिक्कत नहीं आई ये models आपको लिखने में कोई दिक्कत नहीं आ�
12:53
और मैं चाहता हूँ कि आप इसको खुद से टाइप करो कोड कॉपी पेस्ट मती करो तो अच्छा ह�
12:57
इसको खुद से टाइप करो और अगर आपने फास्ट फॉरवर्ड करके देखा है वीडियो फॉर एनी वियर्ड रेजन ये ओडर्स ह�
13:03
लाइन पर देख रहे हो तो कोई दिक्कत नहीं है ठीक है अराम से टाइप करो इसको समझो ताकि आपको समझ मे�
13:17
आए ठीक है और बेस्ट करने के लिए तो बहुत चीज अवेलेबल है आज की तारीख में आपको भी बताए ठीक ह�
13:21
तो अभी के लिए इस वीडियो में इतना है गाइस, थांक यू सो मच गाइस पूर वाचिंग इस वीडियो
13:25
and I will see you next time
#Data Management