0:00
अगर आप लोगों ने इस चैनल पर कुछ भ�
0:23
पहले एक प्रोजेक्ट के तौर पर हम लोग hunting coder नाम का एक ब्लॉग बनाएंग�
0:27
hunting coder के अंदर हम लोग blog post पब्लिश करने का एक system बनाएंग�
0:31
हम लोग hunting coder को एक ऐसा ब्लॉग बनाएंगे जिसको आप लोग शायद future में लेकर जा सक�
0:36
आप उसको इस्तेमाल कर पाओगे सिर्फ इतना इन्हीं मैं आप लोगों क�
0:43
अक्शुल में जो Next.js आप लोगों को मदद करता है Search Engine Optimization क�
0:47
जो SSR और SSG Next.js के Features हैं जो बारे में हम लोग आगे देखेंग�
0:51
उनको किस तरह से इस ब्लॉग के अंदर डाल कर इस ब्लॉग को profitable बनाना ह�
0:55
और आप लोगों को ये बताऊंगा कि कैसे search console, Google का जो product ह�
0:59
और Google ytics, ये सारी चीज़े किस तरह से एक ब्लॉग में लगाई जाती ह�
1:03
ताकि आप लोग yze कर सको क्या traffic आ रहा है, किस तरह से आ रहा ह�
1:07
क्या आप लोगों करने की जरूरत हैं, क्या core web vitals हैं, क्या आप लोगों की page speed too slow है
1:14
या अगर too slow है, तो कौन से page की speed too slow है, कैसे उसको improve करना है
1:18
ये सारी की सारी चीज़ें हम लोग इस project के थूरू सीखेंगे
1:21
और जो भी concepts है next.js के उसको मैं इस project की साइता से आप लोगों को बताने वाला हू�
1:27
जैसे कि अगर हम next.head की बात करें next.image की बात करें और भी बहुत सारे next.js के concepts होते है�
1:32
उसको मैं आप लोगों को इस particular block की साहिता से बताऊंग�
1:36
ये project पूरा हम बनाएंगे end to end deployment तक इसको लेकर जाएंगे मैं यहाँ पर start करने वाला हूँ एक domain को खरीद करूँग�
1:42
मैं domain खरीदूंगा ताकि वो feel आया यार कि हम लोग actual में कुछ build कर रहे है�
1:47
और वो फील लेने के बाद, डोमेन को खरीदने के बाद, हम Next.js के सारे कॉंसेप्ट सीखेंगे इस particular ब्लॉक की साहिता से
1:53
और उसके बाद हम लोग आगे बढ़ेंगे, और उसके बाद जो कुछ भी इस ब्लॉक के अंदर लगे गई हैं
1:59
next years के concepts उनको हम इस ब्लॉग के example की साइथे से समझेंग�
2:03
और सीखेंगे ऐसा करने से आप लोग next years तो सीखी जाएंगे उसी के साथ सा�
2:07
आप लोग एक ऐसा project बना लेंगे जो कि आपकी profile को भी strong बनाएग�
2:11
और उसी के साथ साथ ये project आप लोगों की next years
2:15
skills को भी मजबूत बनाएगा इस ब्लॉग का नाम है hunting coder hunting coder जो की skills के लि�
2:20
hunt करता है hunting coder जो quality work के लिए hunt करता है hunting coder जो की bugs के लि�
2:25
hunt experience share end to end let get started with the video simple
2:43
hunting coder ब्लॉक बनाने वाले हैं ठीक है तो मैं आपर करूँगा क्य�
2:47
एक नए फोल्टर बनाऊँगा और इसका नाम में रखूँगा project 1 औ�
2:51
project 1 के सासा एक काम और करता हूं मैं इसका नाम रख देता हूं tutorial फोनिया मैं काम करूंगा सारा का सारा जो development होग�
2:59
project one के अंदर वो इस folder के अंदर होगा और video का इसाब तो यह आप लोग लगाई लेना मैं हर video के बा�
3:06
कमेट कर दूंगा तो कोई प्रॉब्लम वाली बात होनी नहीं चाहिए ठीक है तो यह टोटल टो टोटल टोटल टोटल फोर और इसक�
3:12
बाद हंटिंग कोड डिलेक्ट कि हम लोग बनाएंगे तो मैं यहां पर क्या करूंगा ओपन विद कोड नहीं अभी के लिए मै�
3:18
ओपन पावरशेल विंडो करूंगा और आप लोगों समझ में आएगा ऐसा मैंने क्यों किया ठीक है अब मैं क्या करूंग�
3:22
कि जिस तरह से हम लोगों ने यान की सहायता से यहां पर बनाया था एक नेक्स्ट आप बनाई थी हमने अब हम क्य�
3:29
करेंगे सेम कमांड को रन करेंगे और सेम कमांड को रन करते हुए हम लोग यान क्रिएट नेक्स्ट आप और इसक�
3:36
बाद हंटिंग कोड ठीक है एंटर बारेंगे और यहां पर हंटिंग कोड नाम का ब्लॉक बन रहा है ठीक है वैसे अग�
3:45
सिर्फ यान क्रिएट नेक्स्ट टैप करोगे यानि कि सिर्फ इतना चलाओगे कमांड तब क्या होता है तब वहां पर आ�
3:50
लोगों से सवाल पूछा जाता है आप लोगों से यह पूछा जाता है कि क्या आप अपना नाम देना चाहते हो प्रोजेक्�
3:56
वो पूछता रहता है और आने वाले वर्जन में वह आपसे और सवाल पूछे तो यह यान काफी बास है बन चुका ह�
4:03
यहां पर लिखोंगा सीडी हंटिंग कोडर ठीक है और यहां पर मैं लिखूंगा कोड डॉट पर क्या होगा मेरा खुल जाएग�
4:10
और अगर आपको कोड डॉट ऑप्शन नहीं आ रहा है यानि कोड डॉट रन करने के बाद भी नहीं खुल रहा ह�
4:15
तो उसका reason मैं आपको बताता हूँ क्या हो सकता है कि आपने VS Code सही से रन नहीं किय�
4:19
तो आपको जा सकते हो मेरे first वाले वीडियो में एक्स्ट्रीम जो पहला वाला वीडियो है उसमें आप लोगों को बताया हुआ है किस तरह से करते हैं काम ठीक है तो को�
4:28
डेंशन नहीं होनी चाहिए आप लोगों को चलो जी यह तो बहुत बढ़िया हो गया अभी हम इस टर्मिनल को बंद करेंग�
4:33
क्योंकि हमारे पास है अब वीएस कोड हम वहां के इंटेग्रेटेड टर्मिल को यूज कर सकते हैं और यहां प�
4:39
जल्दी से उद्घार्टन कर लेते हैं इस ब्लॉक का और इसको स्टार्ट कर लेते हैं तो मैं यहां पर लिखूंगा यान र�
4:45
ठीक है और यान रन नहीं लिखूंगा मैं यहां पर लिखूंगा बिल्ड है डेव है यान डे�
4:52
एक मिनट यान रन डेव ठीक है आइटिंग मैं सिर्फ आप यान डेव भी लिखूंगा तब भी काम हो जाता ह�
5:01
shortcut next js playlist access control click next app
5:14
देखो, हम यहाँ भी documentation, examples, deploy, learn, इन सब चीजों के बारे में बात नहीं करने वाल�
5:20
हमने कर लिए सब अपनी next.js app के बारे में बात next.js की boilerplate app के बारे में बा�
5:25
अब हम लोग क्या करने वाले हैं हम लोग hunting coder को बनाने वाले हैं तो आप लोगों को जैसे की मालूम ह�
5:30
कि मैं index.js के अंदर अगर कोई भी change करूँगा जैसे मालो मैं आपर create next app की जगा लिखना चाता हू�
5:36
let us say hunting coder और मैं save करता हूँ तो आप देखो save करने पर reload हु�
5:41
और यहाँ पर hunting coder दिखना चाहिए था क्यों नहीं दिखा या�
5:45
reload करके देखता हूँ रिलोट किया तब भी नहीं दिखा यह कैसा मजा कर रहा है मैंने अच्छा मैंने टाइटल चेंज किया सॉरी हंटिंग को डर�
5:52
गया उपर टाइटल आप देख सकते हो अब मैं क्या करूंगा इसको कॉपी करके यहां पर कॉपी करके हंटिंग गोड़र मैंने यहा�
5:58
लिखा है ना मैं क्या करूंगा ना कि मैं यहां पर पीजे स्लेश का पर लिखा था वह जो बड़ा सा एक्शन ह�
6:06
वेलकम टू है यह रहा वेलकम टू अरेक्शन हो गया यह रहा ठीक है तो यह जो एक्शन है वह मैंने यहां पर इसके अंद�
6:12
लाल दिया हंटिंग कोड ठीक है और यहां पर देखो यह हंटिंग कोड रो गया और यहां पर मैं लिख सकता हूं अ ब्लॉ�
6:19
बाय अ ब्लॉग फॉर द कोडर्स बाय अकोडर ठीक है अ ब्लॉग फॉर कोडर्स बाय Hypercoder ठीक है और फॉर हंटिं�
6:33
बाइ अ हंटिंग कोडर फॉर हंटिंग कोडर बाइ अ हंटिंग कोडर इसका मतलब मैं बताता हूं क्या मतलब वो डू आ�
6:42
मीन बाइ देखो लोग क्या करते हैं बक्स के लिए हंट करते हैं कोई भी प्रॉब्लम आती है तो गूगल पर सर्�
6:47
जाते हैं और वहाँ पर उनको उनकी समस्या का समधान भी मिल जाता है लेकिन एक ऐसा इंसान जिसने ऑलरेड�
6:55
वह समस्या का समधान निकाल लिया है मुश्किल तरीके से हंटिंग वर्डर उसको आसान करता है ठीक है मैं काफ�
7:01
marketing कर लेता हूँ वैसे, hunting coder को अगर मैं एक product के दौर पर लेकर जाओंगा त�
7:05
अच्छी marketing हो जाएगी इसकी, चलो, लेकर मैं लेकर जाने वाला नहीं हूँ इसको, फिलाल के लि�
7:09
तो मैं यह जो div है इसको हटाता हूँ और next.js आपको बनाने पर focus करता हू�
7:13
अच्छा एक चीज मैं आप लोगों यहाँ पर दिखाता हूँ जैसे अभी के लिए तो यह मैंने hunting coder
7:17
block for hunting coders by a hunting coder मैंने को जिस तरह से लिख दिया है बट अगर मान लो मैं यहाँ पर एक div लिखता हू�
7:23
अब दिखान से मेरी बात को सुनना मैं क्या कह रहा हूँ यहां पर मान लो मैं यहां पर डिव लिखता हूँ ठीक है यार य�
7:28
एमिट क्यों नहीं चल रही है उसकी भी उसकी भी एक वजह है वह भी मैं आपको बताऊंगा भी एमिट क्यों नहीं चल रह�
7:32
opening error error JSX opening tag closing tag
8:08
खेल जाएगा जाने कि नहीं चलेगा जैसे कि अभी मेरी application खेल गई थी लेकिन अब जो है चल गई है लेकिन अगर आप HTML में गलतीयां करते हो जावास्किप्ट में भी थोड़ी बहुत गलतीयां करते हो तो जावास्किप्ट भी झेल जाता है जो सेमी कॉलन पकैर आप नहीं �
8:38
वो जो अभी div हटाया ना, I'm changing my mind, और मैं उसको वापस लेकर आ रहा हूँ
8:42
और आप भी कहोगे कि यार, कभी हटा देते हो, कभी ले आते हो, मैंने क्या चाहते क्या हो, यार, मेरे इसाब से ये एक बहुत बढ़िया template है
8:49
अगर हम यहाँ पर अपना टाइटल और यहाँ पर थोड़ा बहुत मेटा स्लग डाल दे�
8:53
सॉरी मेटा डिस्क्रिप्शन डाल दें और यहाँ पर हम अपने ब्लॉग्स के नाम लिख दे�
8:58
जो हमारे popular blocks होंगे, अगर हम कुछ इस तरह से दिखाएं, मेरे इसाब से
9:02
काफी बढ़िया लग रहा है ये, ठीक है, तो एक काम करते हैं, देखते हैं कैसा लगेगा, और मैं एक चीज और करूँगा
9:07
styles.card, इसके styles वगैरा, change कर सकता हूँ, तो अभी के लिए मैं इसको रखूंगा कुल मिला क�
9:12
maybe मैं feature में change करूँगा obviously बहुत बढ़िया नहीं लग रहा है hunting coder, blog for hunting coders
9:18
by a hunting coder obviously मैं क्या कर सकता हूँ बिना ज़ादा CSS के बारे में worry कर�
9:23
यहाँ पर CSS change कर सकता हूँ मुझे पता है कि यार यो home.model.cs के अंदर मैं अगर कोई भी class क�
9:28
किसी भी property को change करूँगा तो वो यहाँ पर मुझे reflect होकर दिख जाएग�
9:32
तो हाँ यार काफी बढ़िया shape ले लिया है हमारे hunting coder blog ने अब यहाँ पर इस video के लिए मैं सिर्फ इतना ही रखूँग�
9:38
I hope that everyone is able to follow If you are able to follow Then write in the comment below
9:43
Yes I am able to follow Or I am able to And definitely access this playlist too
9:47
Because I am going to add all the videos in it And content is going to come on the site
9:51
So that too you will get So for now this is all in this video Thank you so much guys for watching this video
9:57
And I will see you next time करते है�