Up next in 10
A closer look at GROQ _ Portfolio Website + Blog Using Sanity.io #10
845 views
Feb 21, 2024
In "A closer look at GROQ _ Portfolio Website + Blog Using Sanity.io #10," viewers are provided with an in-depth exploration of GROQ (Graph-Relational Object Queries), a query language used in Sanity.io for retrieving and manipulating structured data. The tutorial delves into the syntax and functionalities of GROQ, demonstrating how to construct queries to extract specific information from the dataset stored in Sanity.io's backend. Viewers can expect to gain a deeper understanding of GROQ's capabilities, including filtering, sorting, and projecting data, as well as leveraging its flexibility to tailor queries to their project's requirements. By following along, viewers can enhance their proficiency in using GROQ to efficiently manage and retrieve data for their portfolio website and blog, optimizing performance and user experience.
View Video Transcript
0:00
आज के इस वीडियो में सैनिटी के अंधर क्वारी करने के लिए जो लैंग्विज्ज हम लोगों ने देखी थी ग्रॉक, उसको हम थोड़सा नस्दीग से देखेंगे, उसके सारे कमांड्स को चला कर देखेंगे, और ये देखेंगे कि ग्रॉक को इस तरह से इस्तेमाल कर��
0:30
किस तरह से की जाते हैं? यार सो फार जो हमने किया, आप लोगों ने देखा
0:34
I hope आप लोगों को समझ में आया, अब हम लोग क्या करेंगे, ग्रॉक से थोड़ा बहुत खेलेंगे
0:38
मैंने ऐसे ग्रॉक से खेलेंगे, मतलब मैं आप लोगों को सेनिटी के विजिन के बारे में बताऊंगा
0:43
और उसी के साथ साथ मैं आप लोगों को बताऊंगा, कि किस तरह से ग्रॉक की चीर शीट में जो कमांड्स हम लोगों ने देखे थे
0:49
वो हम लोग उसकरेंगे, तो मैं CD करूँगा सेनिटी बैक-एंट के अंदर
0:53
और यान स्टार्ट करूँगा, जो कि खोलेगा मेरे लिए सेनिटी स्टार्ट, अगर आप लोगों ने विजिन के साथ सेनिटी का बूस्टेड प्लान एकसेस नहीं किया है
0:59
तो यार क्या कर रहे हो यार, कर लो, फ्री है, अबसलूटली फ्री है
1:03
डिस्क्रिप्ट्चन में जाकर क्लिक करो लिंक को, और यार सेनिटी का बूस्टेड प्लान को चेक आउट करो
1:07
और एक प्रोजेक्ट बना लो उससे, क्योंकि उसमें काफी चीज़े आप लोगों देखने को मिल रही है
1:11
तो आप लोग बना लो यार, तो आप पर एक प्रोजेक्ट बना लो यार आप पर एक प्रोजेक्ट बना लो यार आप पर एक प्रोजेक्ट बना लो यार आप पर एक प्रोजेक्ट बना लो यार आप पर एक प्रोजेक्ट बना लो यार आप पर एक प्रोजेक्ट बना लो यार आप पर एक प्रोजे��
1:43
आप देखेंगा मैं विजियन पर क्लिक करूँगा तो मैं यहाँ पर एक क्वेरी चला सकता हूँ जैसे कि आप देख सकते हूँ मैंने क्वेरी चला रखी है पहल��
1:49
मैं फेच पर क्लिक करूँगा जो इसका result हो यहाँ पर आ जाएगा मैंने यहाँ पर क्या कहा मैंने कहा type block हो यहाँ पर क्या कहा मैंने कहा type block हो यहाँ पर क्या कहा मैंने कहा type block हो यहाँ पर क्या कहा मैंने कहा टाइब ब्लॉग हो यहाँ पर क्या कहा मैंने कहा टाइब ब��
2:19
तो यहाँ पर क्या कहा मैंने कहा ब्लॉग हो यहाँ पर क्या कहा मैंने कहा ब्लॉग हो यहाँ पर क्या कहा मैंने कहा ब्लॉग हो यहाँ पर क्या कहा मैंने कहा ब्लॉग हो यहाँ पर क्या कहा मैंने कहा ब्लॉग हो यहाँ पर क्या कहा मैंने कहा ब्लॉग हो यहाँ पर क्य��
2:49
कि स्टार अगर करेंगे तो सारे के सारे डोकीमेंटस हमको देखने को मिलेंगे तो अगर मैंने यहाँ पर स्टार कर दिया और मैंने फेच पर क्लिक कर दिय��
2:56
तो यहाँ पर आप लोग देखो की जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक ��
3:28
जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जीरो एक जी��
3:58
एक ओथर है टू एक ओथर है थ्री आगर मैंने कोई ड्राफ्ट बनाया हुआ कही ना कही पर एक ड्राफ्ट बना हुआ है कही ना कही तो ड्राफ्ट बना हुआ ह��
4:07
जिसकी वज़ए से ये मुझे ऐसे दिखा रहा है तो ये देखो ये ड्राफ्ट बना हुआ है ठीक है अगर मैं इसको डिसकार्ट चेंज़िस कर दूँगा और कंफर्म कर दूँगा और पबलिश कर दूँग��
4:14
तब आप लोग देखना कि यहाँ पर मुझे जो नमबर डॉकॉमेंट से दिखाएगा ये एक कम दिखाएग��
4:19
देखो 0,1,2 दिखा रहा है पहले 3 भी दिखा रहा था तो ये क्या करता है ना ड्राफ्ट के दौर पर सेव कर देता है आपके डॉकॉमेंट क��
4:24
मैं समझाता हूँ कि क्या मतलब है इसका अभी 3 डॉकॉमेंट सेव दे ठीक है और मालों मैंने आपको चेंज कर दिया 1,2,3 लिख दिया अब 4 डॉकॉमेंट सेव हो चुक है एक ड्राफ्ट सेव हो चुक है ठीक ह��
4:34
अब मैं इस ड्राफ्ट को अपना भी सकता हूँ थुकरा भी सकता हूँ और मैंने ठुकरा दिया या डिसकार्ट चेंज करके ठुकरा सकता हूँ अगर मैंने पबलिश कर दिया तो मैं इसको अपना लूँगा तब भी 3 डॉकॉमेंट सेव हैं गया मैंने मालों पबलिश क��
5:04
थुटा पादा थुटा पादा थुटा पादा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थुटा थु��
5:34
हम इस तरह की क्वरी को चला सकते हैं सेनिटी के अंदर अपने कुछ इस तरह स��
5:39
या तो टाइब जो हो हमारा एकोस्टू मैं एक काम करता हूँ इसको मिठाता हू��
5:44
यहाँ पर कर देता हूँ आथर और यहाँ पर कर देता हूँ व्लॉग ठीक ह��
5:49
तो सबसे पहले मैं आथर करूँगा फिर व्लॉग करूँगा और यहाँ पर व्लॉग कर दूँग��
5:58
फेच करता हूँ और आप दो देखो ज़यसे मैंने फेच किया यहाँ पर 0, 1, 2, 3, 4, 5 यह सारे के सारे आ गए मेरे पा��
6:05
यहाँ तो आथर और व्लॉग सब आ गए तो यह चीज़े आ गई मेरे पास इसके बाद एक और क्वरी अगर मैं चला कर देखा��
6:12
तो यह देखो यहाँ पर आप रिलीज डेट के हिसाप से भी ले सकते हो व्लॉग क��
6:16
माल लो मैं चाहता हूँ कि मुझे वो व्लॉग चाहिए टाइप इस इकल टू व्लॉग करता हू��
6:19
मुझे वो व्लॉग चाहिए पॉपॉल एनिटी हटाँगा मैं जिसके रिलीज डेट 2022 करूँगा सबसे पहले तो मैं और जून करूँग��
6:30
और यहाँ पर मैं पाँच कर दूँगा ठीक है मैं इस क्वरी को अगर रन करूं त��
6:35
नो डोकुमेंट्स फाउंड एन डेटा सेट प्रड़ोक्षन तो इस व्लॉग करता हूँ था ठीक ह��
6:41
अगर मैं इसको थोड़ा सा कम करूं माल लो पांच पांच करूं तब सारे आएंगे क्य��
6:47
तब भी कहरा है नहीं आ रहे हैं तो रिलीज डेट है ही नहीं मेर��
6:51
रिलीज डेट यहाँ पर है नहीं ब्लॉग में क्रियेटएट है ठीक ह��
6:55
क्रियेटएट है रिलीज डेट क्रियेटएट है तो मैं ब्लॉग के अंदर जाओं और उसके बाद मैं अगर नीचे आकर आपलोग को दिखाओं डे��
7:05
डेट कहाँ पर है क्रियेटएट थीक इसका नाम है क्रियेटएट और क्रियेटएट कर दूँगा इसको मै��
7:13
उपस यहाँ पर मुझे चेंज करना है और मैं इसको 6 ही रहने देता हूँ भी अभी मैं इसको फेच करूँगा तो यहाँ पर कुछ भी नहीं आया अभी भ��
7:20
यह क्या हो रहा है टाइप ब्लॉग क्रियेटएट एट इस ग्रेटे दिन 5, 6, 2022 तो हाँ अब आ गया देखो 5 जुन 2022 के बाद जितना आइटम से वो सारे आ गए सिर्फ एकी आइटम मैंने बनाया था 5 जुन के बाद अगर पाँच पाँच कर दूं तो मेरे पास कितने आ��
7:50
अगर मानलो मैं इसका ग्रेटे डाइट कर दूं 30 जुन थीक है वो पबलिश कर दूं जावास्कृब टूटोरियल 2 का और मैं आपर 30 जुन लिग दूं यानि कि मैं आपर लिग दूं 3006 और इसके बाद मैं फेच करूं तो आप देखो यह वाला आइटम आगे जावास्��
8:20
हर डौकिमेंट के लिए अगर टाइप मूवी है तब वो आएगा वर्ना नहीं आएगा और उसके बाद यह पूरी चीज़ इवालिवेट होगी ठीक है यह टू या फॉल्स हो सकता ह��
8:28
और उसके बाद यह लेस देन ग्रेटर देन लेस देन इकल टू ग्रेटर देन इकल टू इकल टू यह सब तो आपको बालूं है ठीक है यह सब तो मैं नहीं बताने बादा नॉट इकल ट��
8:37
फिर इसके बाद यहाँ पर नॉट इकल टू ऐसे भी बना सकते हो आप नॉट भर लगा दियो और फिर इसके अंदर ब्राकेट में इकल टू इकल टू कर दियो ऐसे भी कर सकते ह��
8:44
नॉट इकल वया डबल नेगेटिवस आप दो बार यहाँ पर इवन इकल वया डबल नेगेटिवस तो मैं यहाँ पर देखता हूँ यह क्या लिखा है नॉट नॉट इकल नॉट अफ नॉट अफ इकल कर दिया उसका मतलब इकल होता है ठीक है फिर अगर मैं थोड़ा सा ��
9:14
तो अगर मैं अपने ब्लॉग को अभी दिखाऊँ आप लोग को तो सो फार अभी हमारी सिच्वेशन कुछ इस तरह ह��
9:20
मैं यहाँ पर क्या करूँगा कि सीडी करूँगा नेक्स फ्रेंट एंड मे��
9:25
और यारन्ड डेफ करूँगा और इसके बाद चल जा भाई थोड़ा टाइम लेता है शुरुआत में चलने मे��
9:33
यह इस तरह से हमारी यह दिखरी है ठीक है और मैंने एक चीज़ करी थी यहाँ प��
9:37
कि जो मेरा यह ब्लॉक बाला सेक्षन है इसका अगर मैं कोई भी पोस्ट पढ़ू��
9:43
तो इसमें जो यह बन कर आ रहा है उपर वो ऐसा बन कर आ रहा है ठीक ह��
9:47
लेकिन अगर मैं स्लेश ब्लॉक पर जाओं मैं कुछ ऐसा करूँ मैं स्लेश ब्लॉक पर जाओ��
9:53
तो वो कुछ ऐसा बन कर आ रहा है ठीक है तो थोड़ा सर डिफरेंट है कलर इसका और इसक��
9:57
ठीक है तो मैं क्या करूँगा यहाँ पर जो navbar है उसको कॉपी करूँग��
10:01
और navbar.js में डाल दूँगा तो यह आगस अमरा navbar है जब मैं नहीं बड़ा हूँ तो मैं इसक��
10:07
control x करूँगा और यहाँ पर डिफरेंट कर दूँगा navbar से ठीक है तो navbar
10:13
यह आ क्यों नहीं डा यार इसने रेकमेंट नहीं किया navbar तो navbar
10:19
capital B ठीक है अगर मैं यहाँ पर control space करूँ navbar from
10:35
components navbar ठीक है तो यहाँ पर मैं क्या करूँगा यह जो div ह��
10:39
से replace कर दूँगा format document करता हूँ पहले और यहाँ प��
10:43
डाल दूँगा div ठीक है और अभी देखता हूँ यार कि क्या scene बन��
10:47
यार scene तो अच्छा बन गया ठीक है दिक्कत आ गई दिक्कत यह आ गई क��
10:53
यहाँ पर यह hidden हो गया है ठीक है तो यार यह क्या चल रहा ह��
10:57
मैंने गलत चीज डाल दी पता है navbar में तो यह जो hidden वाला पार्ट है ने डाल दिया मुझे उसक��
11:03
नीचे वाला पार्ट डालना था कोई बात नहीं तो मैं क्या करूँग��
11:07
यहाँ पर जो मेरा blog है यहाँ पर सॉरी slug.js जो ह��
11:13
यहाँ पर मैं नीचे आओंगा और जहाँ पर मेरा navbar है वहाँ उसक��
11:19
मैं copy करके डाल दूँगा यहाँ पर तो जस मैं देखने की कोईश कर रहा हू��
11:23
तो यहाँ पर जो यहाँ नहीं चल रहा है यहाँ चल रहा ह��
11:29
इसको मैं अगर reload करूँ तो यह कह रहा है कि hydration failed
11:35
तो यहाँ इस problem को भी solve करना फ़ड़ेगा यह problem मैंने मूल लिया ह��
11:39
तो solve तो मैं ही करूँगा इसको format document मैं करूँगा इसक��
11:43
तो यहाँ पर जो नेव बार है वो मेरा नहीं आ रहा ह��
11:47
तो यह चल क्या रहा है यहाँ पर वो background क्यों नहीं मिल रहा ह��
11:51
नेव बार को यह मुझे समझ नहीं आ रहा है यह नेव बार तो दिख रहा ह��
11:55
लेकिन इसका color क्यों नहीं आ रहा है पर यहाँ पर दिखत क्या रहा ह��
11:59
लेकिन इसका color क्यों नहीं आ रहा है तो यहाँ पर वो background क्यों नहीं मिल रहा ह��
12:03
नेव बार को यह मुझे समझ नहीं आ रहा है यह नेव बार तो दिख रहा ह��
12:07
लेकिन इसका color क्यों नहीं आ रहा है पर यहाँ पर दिखत क्या रहा ह��
12:11
लेकिन इसका color क्यों नहीं आ रहा है तो यह नहीं आ रहा ह��
12:15
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:19
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:23
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:27
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:31
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:35
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:39
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:43
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:47
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:51
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:55
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
12:59
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:03
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:07
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:11
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:15
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:19
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:23
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:27
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:31
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:35
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:39
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:43
तो यह नहीं आ रहा है तो यह नहीं आ रहा ह��
13:47
तो यहाँ पर मैं class name is equal to mx12 दे दूगा ठीक ह��
13:53
और यहाँ पर मैं reload करूँगा तो यह ऐसा दिख रहा है और यहाँ पर यह ऐसा दिख रहा ह��
13:57
तो शायद मैं अगर बड़ाओं इसको तो कुछ हो अगर मैं इसको inspect करू��
14:01
तो यह mx12 तो मिला हुआ है तो यह एक container class दे दूगा है इसको लेकिन इसको container class मिली हुई है ए��
14:05
और यहाँ पर container class में शायद कुछ space max width defined है तो यहाँ container class दिओ हुई ह��
14:11
यहाँ पर भी container class दिओ हुई है लेकिन max width शायद container मे��
14:15
defined नहीं है यहाँ पर अगर मैं इसको margin तो यह एक काम कर सकता हू��
14:21
container के साथ साथ mx auto भी कर दूँगा ठीक है तो container क��
14:25
साथ साथ आई गैस अगर मैं mx auto कर दूँँ तो मेरा काम बन जाएग��
14:29
मुझे mx 12 देने की भी जरूरत नहीं है if I am not wrong obviously
14:33
तो मैं reload करूँ तो यह यहाँ पर आ गया अब यह अब यह अब यह अब यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह य��
15:05
यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह यह ��
#Online Media
#Performing Arts
#Web Services