0:00
किसी भी एक e-commerce website के लिए बहुत important होता है उसके authentication का setup कि�
0:04
तरह से user login system से login होते हैं sign up कर पाते हैं और एक बार उन्होंने login
0:10
sign up कर दिया तो किस तरह से वो orders को place कर सकते हैं अपने data को इस्तेमाल करक�
0:16
अपने address को अपने name को अपने email को इन साइड details को किस तरह से reuse वो लोग क�
0:22
कर सकते हैं यह हम लोग आज जानेंगे लॉग इन पेज का डिजाइन बनाएंगे साइन अप पेज का डिजाइन बनाएंगे और फॉ�
0:27
गेट पासवर्ड का भी डिजाइन बनाएंगे चलते हैं कंप्यूटर स्ट्रीन में और इस चीज को फाइनली कर देते हैं �
0:36
आप लोगों की जानकारी के लिए बताना चाहता हूं कि यहां पर मैंने पाइट को रिप्लेस कर दिया अगर मैं आपको दिखाऊ�
0:46
तो यह देखो फाइब आइकेंड ऑटाइस थी ओ मैंने रिप्लेस करके यह लगा दिया ठीक है आया होप कि आप लोगों को य�
0:52
चीज काफी बढ़िया लगी होगी देखने में अब काम करेंगे लोग दोबारा से जाएंगे रियाट आइकंस पर ठीक है और ए�
0:58
और चीज जो मैं आपको बताना चाहता हूं वह यह है कि मैंने यहां पर थीन अपना चेंज कर दिया बहुत सारे लो�
1:03
लेते हैं यह दिख नहीं रहा है और ब्लू जो है आखों को जल रहा है इस तरह की शिकायत है आईटी दी तो चलो या�
1:08
थीन में चेंज कर दिया कोई दिक्कत वाली बात नहीं है अब मैं यहां पर क्या करने वाला हो आप लोग देखना अ�
1:13
यहां पर रियाट आइकन का इस्तेमाल करते हुए यहां पर अकाउंट का आइकन लेकर आओंगा और अकाउंट का यह वाल�
1:20
आइकन लेकर आओंगा मैंने कॉपी कर लिया अकाउंट का यह वाला आइकन ठीक है अब मैं इस आइकन को कहां पर रखूंग�
1:24
लालू मैं रखूंगा इसको ने अब बार में ठीक है तो यह वाला आइकन है ठीक है कि कॉमा लगाकर सॉरी एमडी वाल�
1:33
आइकन है यह वाला आइकन नहीं है तो मैं आप एमडी से इसको जो हम पोर्ट करूंगा md और यहां से यह md अकाउं�
1:40
अकाउंट सर्कल हटा दो ठीक है और जो md अकाउंट सर्कल है पता है मैं कामर रखूंगा मैं कार्ट से पहले रखूंग�
1:45
जो मेरी कार्ट है उससे पहले रखूंगा तो नेव बार के अंदर अगर मैं आप लोगों को दिखा हूं तो मेरी कार्ट कहा�
1:51
तो यहां पर है कार्ट कार्ट कार्ट कार्ट ठीक है कार्ट यहां पर आई एक एडिट आउटलाइन चॉपिंग कार्ट यह राप ठीक ह�
2:01
अब इसके अंदर डाल दूंगा यह ठीक है और यह मैं जैसे करूंगा एमडी अकाउंट सर्कल ठीक है और यह देवा गय�
2:11
यहां पर एमडी अकाउंट सर्कल ओके तो मुझे यहां लगाना होगा इसको इस तरह से नहीं लगाना होगा ठीक है सेव किया औ�
2:17
यहां पर मेरा अकाउंट आ गया ठीक है लेकिन यह थोड़ा सा दिक्कत हो गई यहां पर चीज इसको ठीक करना पड़ेगा ठीक ह�
2:23
सबसे पहला काम जो यहां पर मैं करने वाला हूं वह है इसको मैं जो अकाउंट वाला आईकन है इसको मैं एक फ्लेक्�
2:29
बॉक्स पर आवधी के फ्लेक्स बॉक्स पर आउट और फ्लेक्स बॉक्स बनाऊंगा तो यह एक रो में आ जाएंगे दोनों आइकंस फि�
2:36
लास्टे में यहां पर लगा रखी है वह एक लास्टे में यहां पर लगाऊंगा ताकि दोनों आइकन्स एक जैसे दिखें ठीक ह�
2:42
शायद मैं एम एक्स कुछ दे दूं इसको मार्जिन एक्स दे दूं मान लोग में एक्स टू दे दूंगा अगर मैं इसको तो यह कु�
2:48
चारा से एक्सेस में से दूरी बना कर रखेंगा फोन में ऐसा दिख रहा देख लेता हूं ठीक है यह अगर फोन में अच्छा नही�
2:53
दिख रहा है तो क्या फायदा तो यह फोन में अभी बिल्कुल सही दिख रहा है अब देखो बिल्कुल सही दिख रहा है आपक�
2:57
यहां पर हमारी कार्ट ठीक है अब इस पर कोई भी क्लिक करेगा तो मैं क्या करूंगा इसमें लिंक लगा दूंगा ठीक ह�
3:04
अभी मैंने ऑनट्रेक्ट इस इकॉल टॉगल कार्ट यहां किया है मैं इसको अटा कर यहां कर दूंगा कि भाई टॉगल कार्�
3:09
सिर्फ तब करो जब कोई इस AI Outline Shopping Cart वाले आइकन पर क्लिक कर�
3:13
ठीक है, I hope कि ये चीज़ आपको clear हो रही है, और format
3:17
document करते रहना, क्योंकि format document करने से क्या होता है, खुबसूरती बरकरा रहती है document की, ठीक है
3:23
तो ये काम हमने कर दिया, अब आप लोग यहाँ पर login page login login sign up I hope login link tag
3:46
लोग में कहूंगा और नेक्स्ट जीएस का जो लिंक होता है वह लगाऊंगा मैं आपको इस इक्वल टू और मैं लिखूंग�
3:51
स्लाइश लॉग इन ठीक है और यह करने के बाद मैं क्या करूंगा यह लिंक को यहां से हटाकर यहां पेस्ट कर दूंग�
3:59
ठीक है और मैं सेव कर दूंगा इसको ठीक है तो लिंक यह चीज जो है लॉग इन और क्विक फिक्स का क्या हो सकता ह�
4:05
यह क्या कह रहा है मुझसे कह रहा है कि पास अच्छा इसमें से चलो इसको अग्नोल करेंगे वार्निंग है ठीक है अ�
4:11
इस पर क्लिक करूंगा तो यह स्लाइश लॉग इन पर जा रहे हैं ठीक है अब मैं बनाऊंगा लॉग इन पेज ठीक है और आ�
4:16
लोगों को दिखाना चाहता हूं लॉग इन पेज तो मैं क्या करूंगा कि आ तेलविंट सीएसस लॉग इन पेज ठीक है जि�
4:24
यहां पर खोल रहा हूं जो भी मेरे लिंक्स आ रहे हैं ठीक है तो लॉग इन पेज मुझे कोई भी अच्छा सा मिल गया त�
4:31
मैं वह यूज कर सकता हूं ठीक है यह काफी डिसेंट लग रहा है लेकिन यहां पर देखते हैं क्या चीज है यह पूर�
4:37
पेज है तो इसको बंद करता हूं मैं यह वाला यूज कर लूंगा आप कोई भी यूज कर सकते हो यार देखो यहां प�
4:40
कोड दिया हुआ है नो ने तो यहां पर मैं क्या करूंगा इस कोड को कॉपी करूंगा यहां से लेकर पूरा यहा�
4:46
ज्यादा स्क्रॉल कर दिया मैंने और इसे कॉपी करके लॉग इन के अंदर डाल दूंगा ठीक है तो मेरा लॉग इन कहा�
4:51
पर है लॉग इन डॉट जैसे यहां पर है मैं काम करूंगा क्लोज अधर्स कर दूंगा मुझे कोई और दूसरी टै�
4:56
नहीं खोलनी है ठीक है कोई भी खोली होगी यहां से खोल लूंगा मैं ठीक है अब मैं क्या करूंगा कि इसक�
5:02
अंदर चीज को पेस्ट करूंगा और पेस्ट करने के बाद यहां पर सेव करूंगा फॉरमेट डॉक्यूमेंट करूंगा से�
5:10
रूप और इसके बाद आप लोग देखो यहां पर कि लॉग इन पेज में आ गया एरर क्योंकि यहां पर कोई ना कोई टैक ह�
5:17
शायद जो कि बंद नहीं है ठीक है तो यह इन्पुट टाइप बन नहीं है और कहीं पर रहे हैं क्या है यह इनपुट टाइ�
5:23
नहीं है और उपसी क्या हुआ यहां पर मैं बन करना था इसको और क्या दिक्कत आ रही है और क्या दिक्कत आ रह�
5:31
है भाई और क्या दिक्कत आ रही है देख लेते हैं यहां पर एरर मिलेगा कर्स्पॉंडिंग जेस एक्स क्लोजिंग टैक फॉ�
5:37
डिव ऐसा क्यों आ अच्छा यहां पर एक दिक्कत यह आ रही है इनपुट टैग में दुबारा से यहां पर वहीं दिक्क�
5:45
इनपुट टैग में दुबारा से यहां पर वहीं दिक्कत यह अब तो काफी दिक्कत हल कर दी हम आपको इसका नहीं होन�
5:51
यह आइकन नेम सॉलिट कोई कोई कोई कमेंट है कि हां यह यहां पर यहां पर कमेंट नहीं चलते ठीक है और यहा�
6:00
पर क्लास को क्लास नेम बनाना ही तो फिक्स ऑल ऑटो फिक्स सेवल प्रॉब्लम्स करके भी हो जाएगा ठीक है बढ़िय�
6:06
लाइक करके क्या करूंगा कि जो इंडिको है राइटले करके चेंज अल अकरेंसेस करूंगा इंडिको की जगह पिंप�
6:13
कर दूंगा ठीक है तो वाओ यार ओ वाओ बस यहां पर इन जो आइकन है इसकी जगह पर अगर मेरा इमेज आ जाए तो कितन�
6:19
आ जाए ठीक है तो मैं यहां पर लिखूंगा स्लाश पब्लिक सॉरी स्लाश पब्लिक नहीं करना होता सिर्फ स्लाश करन�
6:25
होता है कोट्स वेर लोगो टॉट सरकल डॉट पीएंजी सरकल था पता नहीं था यार सरकल ही था ठीक है तो सेंटर पर �
6:37
और यहाँ पर आ रहा है sign in to your account and start your or sign up मैं करूँगा or sign up
6:42
start your 14 day trial नहीं और or sign up ठीक ह�
6:47
तो यहाँ पर sign in to your account or sign up email address डालो password डाल�
6:51
remember me करवाओ forgot password के लिए मैं link डाल देता हूँ ठीक ह�
6:54
forgot password के लिए link डाल देता हूँ ठीक है href is equal to
6:59
और href is equal to हो जाएगा थी और यह करने के बाद मैं इसको बंद करूंगा और यह लिंग का जो क्लोजिन टैग यहां पर डालूंगा ठीक ह�
7:30
अप्टिमिजेशन खरेंगे जल्दी करेंगे ठीक है तो यह फॉरगाउट चार चार अलग यहां पर यहां पर अभी अपने फॉरगाउट पेज बनाय�
7:39
ठीक है तो साइन अप में मैं साइन अप की डिटेल्स माँगूंगा साइन इन में मैंने साइन इन की डिटेल्स माँगी है फोन में या टेलविंड यूआई से उठा है मैंने फोन में Taiwan एक्सपेक्ट करूंगा कि ठीक दिखेगा ठीक है फोन में भी अच्छा दिख रहा है ठी�
8:09
कि साइन अप ठीक है स्लाइट साइन अप और जैसे ही मैं यह करूंगा मैं यह वाला जो हमारा लिंक है इसको यहा�
8:17
पर पेस्ट कर दूंगा ठीक है तो यहां पर लॉग इन आ गया यहां पर साइन अप भी है यहां पर फॉर गॉड भी मैंन�
8:24
नहीं बनाया था इफ नॉट रॉन नहीं बनाया था कि नहीं बनाया होगा फॉर गॉड बना देता हूं ठीक है जो फॉर गॉ�
8:31
मैं बनाऊंगा वह बिल्कुल लॉग इन की तरह बनाऊंगा ठीक है मैंने यहां पर इसको सेव कर दिया फॉर गॉड पर को�
8:37
लिखेंगे तो यह लिंक बदला और फॉर गॉड पासवर्ड में आप लिख सकता हूं ठीक है इन तीनों पेज बना सकता हूं त�
8:43
आप किसी भी पेज में है कभी भी आप लॉग इन करना चाहते हैं यहां जाएंगे साइन इंटी यूर अकाउंट आएगा अगर आपन�
8:48
रहा है तो आप साइन अप जाएंगे फिर आपको साइन पेज दिखाए जाएगा जिसको मैं अभी बदलने वाला हूं तो मै�
8:52
इसको बदल देता हूं भी साइन अप पेज को ठीक है और साइन अप में मैं क्या करूंगा राइट लिख फॉर मै�
8:59
document यह रखे सा रहा है अब लगता है मैंने यह पर गलती कर दिया और गलती बताएं मैंने क्या करीए गलत�
9:07
मैंने यह कर दिया कि यह एक्सपोर्ट डिफॉर्ट लॉग इन तक पूरा का पूरा इसको यह कर दिया मैंने मुझे क्या करन�
9:13
नहीं था यह यह नहीं चाहिए यह नहीं चाहिए यह भी नहीं चाहिए पूरा पेज मैंने एक्ट्री कॉपी पेस्ट कर दिय�
9:18
अब ठीक है कि लिंक इस नोट डिफाइंड इंपोर्ट लिंक फ्रॉम नेक्स्ट लिंक यह डिस्ट क्लाइंट लिंक की वाराय ä�
9:29
नेक्स लिंग ठीक है और यहां पर यह साइन अप तो साइन अप फॉर एन अकाउंट और उसी के साथ साथ और लॉग इन ठीक ह�
9:41
तो यहां पर आएगा साइन अप फॉर एन अकाउंट और लॉग इन ठीक है जब मैं साइन अप करवाओं किसी भी यूजर से अकाउंट क�
9:47
तो कुछ details मैं पूछूँगा जैसे कि मैं उस इंसान का नाम पूछूँगा उसका email address पूछूँगा और उसका password पूछूँगा और उसके बाद I think मैं उसको allow कर दूँगा ठीक है तो name, email और password ही पूछूँगा फिलाल के लिए ठीक है तो मैं क्या करूँगा ये जो हमारा dev है �
10:17
आपके आपकी साइट पर आता है अपने लिए तो आराम से बना पाए ठीक है तो नेम लिखोगा यहां पर नेम ठीक है अपना Mid
10:27
देगा कोई भी इंसान यहां पर नेम इज इकवल टू नेम इज इकवल टू नेम टाइप इज इकवल टू टेक्स्ट फॉर इज इकवल ट�
10:36
नेम और आईडी इज इकवल टू नेम ठीक है और अब मैं यहां पर देखूं तो प्लेस होल्डर की जगह पर जहां प�
10:44
हुआ है email address your name लिखा हुआ यहां पर worldview ठीक है यहां पर आपका नाम आएगा यहां पर आपक�
10:53
email address remember me remember me sign up remember me remember me sign up
11:06
forgot your password हटा देता हूँ यहाँ से यह रहने देता हूँ ठीक है यह हटा देता हू�
11:10
रहने देखा देता हूं ठीक है हटा देता हूं यह साइन अप करते वक्त फॉर केट पासवर्ड का कोई मतलब नहीं ठीक ह�
11:15
हटा दिया तो नेम डालो ईमेल डालो पासवर्ड डालो और साइन अप कर लो ठीक है दाट्स एस सिंपल एस दाट ठीक ह�
11:24
और अगर मुझे लगेगा इसमें मुझे changes करने है तो मैं कर लोगा बाद में वो ठीक है तो उसके कोई ऐसी ऐस�
11:29
टेंशन है नहीं मैं कर लोगा बाद में तो अभी यहाँ पर मैं क्या करूंगा बहुत ही सिंपल सी चीज करूंगा कि जहा�
11:35
लिखा था वहां पर मैं साइन अप लिखूंगा ठीक है तो बढ़िया यार तो यहां पर हमारे पास साइन अप अकाउंट आ गया है हमारे पास लॉ�
11:41
लॉग इन पर क्लिक कर रहा हूं तो यह डिडेक्ट क्यों नहीं हो रहा है तो मैं यहां पर साइन अप से अगर लॉ�
11:46
इन में जाऊंगा तो मैं चाहता हूं कि यह लॉग इन पर जाए साइन अप पर नहीं जाए ठीक है तो साइन अप से लॉग इन मे�
11:52
जा रहा है साइनअप से लॉग इन में जा रहा है लॉग इन से साइनअप पर आ रहा है फॉर पासवर्ड पर भी जा रहा ह�
11:57
मजा आया वह पासवर्ड पेज में डिजाइन कर देता हूं जल्दी से ठीक है तो फॉर पासवर्ड पेज में मैं क्या करूंग�
12:04
आफ और पासवर्ड लिखाऊंगा यहां पर और गॉट पासवर्ड ठीक है अरे यह क्या हुआ पासवर्ड नहीं पासवर्ड ठीक है औ�
12:18
यह फोर पासवर्ड के बाद साइन अपनी करूंगा लॉग इन करूंगा और लॉग इन कि भाई अगर तुमको पता है कि तुम्हार�
12:34
कि कैसा लगा मेरा मजाक फॉर गॉड पासवर्ड पेश पर क्या कर रहे हो साइन अप लॉग इन फॉर गॉड पासवर्�
12:41
है बड़ी है अगर कोई भी फॉर गॉड पासवर्ड करता है बूल जाता है अपना पासवर्ड तो जाइएटी बातें उसका पासवर्�
12:47
उससे नहीं पूछ सकते ठीक है तो मजा को जाएगा वह भी कहेगा अरे कहना क्या चाहते हो क्या चल रहा है भा�
12:52
कहेगा मैंने पासपर्ट कर चुका हूं तो मुझसे पासपर्ट पूछ रहे हुआ नारे बाहर ठीक है तो यह करने के बा�
13:00
अब मैं सेव करूंगा और रिलोड करूंगा फॉरगट यॉफ पासवर्ड से फॉरगट यॉफ पासवर्ड में जाने कोई मतलब नहीं है तो यह वाला लिंक भी हटाना पड़ेगा इन फैक्ट यह पूरे डिव ही हटाना पड़ेगा ठीक है हाँ यह ठीक है फॉरगट यॉ�
13:30
तो यह बटन के अंदर का टेक्स्ट का पड़े हाई है तो यहां पर अब क्या होगा कि कोई भी इंसान अपना ईमे�
13:41
एड्रेस्ट डालेगा कंटीन्यू करेगा और उसके बाद उसको इंस्ट्रक्शन दी जाएगी भाई तुम्हें ईमेल कर दिय�
13:46
है और email check कर लो जाकर अपना ठीक है तो वो सारी चीज़े हो जाएंगी अब यहाँ पर सारी चीज़े हो चुकी है�
13:53
कहीं से भी हम sign in के page पर जा सकते हैं sign up के page पर जा सकते हैं मुझे कुछ और fields add करनी होग�
13:58
बाइदा वे इसमें मैं आड कर लूँगा ठीक है अभी के लिए मैं इसको ऐसे ही रहने देना चाहता हू�
14:02
और यहाँ पर मैं लॉग इन करवाँगा साइन अप करवाँगा फॉरगाउट पासवार्�
14:06
बढ़िया बन गया यार धमाके दार बन गया एकदम So या अगर आप लोगों ने next.js की playlist access नहीं कर लिया तो जरूर से इसको access कर लेना क्योंकि यहाँ पर हम codesware को पूरा complete करने वाले हैं अभी के लिए इस वीडियो में इतना है guys
14:16
Thank you so much guys for watching this video and I will see you next time