Written with AI assistance from the source video. The video is the authority.
Log in to leave a comment
No posts yet
Claude द्वारा दिए गए HTML फ़ाइलें शुरुआत में अच्छी लगती हैं। लेकिन जैसे ही पेज 3 से ज़्यादा होते हैं, उन्हें सुधारना एक दुःस्वप्न बन जाता है। फ़ॉन्ट साइज़ बदलने के लिए 10 अलग-अलग फ़ाइलें खोलना समय की बर्बादी है। कोड को अलग-अलग करें।
ऐसा करने से, बाद में एक हेडर बदलने पर सभी पेजों में बदलाव तुरंत लागू हो जाएगा। आपको हर बार फ़ाइलें बदलने में समय बर्बाद करने की ज़रूरत नहीं होगी।
कलर कोड को हर कंपोनेंट में सीधे न लिखें। जब भी आपको बटन का रंग बदलना होगा, आपको हज़ारों लाइनें छाननी पड़ेंगी। इसके बजाय CSS वेरिएबल्स का उपयोग करें।
भविष्य में यदि ब्रांड का रंग बदलता है, तो केवल एक फ़ाइल को 3 सेकंड के लिए एडिट करें। सभी पेजों के बटन का रंग एक साथ बदल जाएगा। यह हर बार डिज़ाइन को मैन्युअल रूप से ठीक करने से कहीं अधिक कुशल है।
कोड बदलने के बाद ब्राउज़र में वापस जाना और रिफ्रेश करना बार-बार करने से एकाग्रता भंग होती है। VS Code का Live Server एक्सटेंशन इंस्टॉल करें।
बिना रिफ्रेश किए वास्तविक समय में बदलाव देखें। डिज़ाइन को सुधारने में लगने वाला समय आधा हो जाएगा।
Claude हर बार पूछने पर कोड अलग तरीके से लिखता है। शुरुआत से ही नियम तय करके बात करें। प्रोजेक्ट फ़ोल्डर के रूट में CLAUDE.md फ़ाइल बनाएं।
इससे AI द्वारा कोड को मनमाने ढंग से जटिल करने की समस्या काफी कम हो जाएगी।
सर्वर सेटिंग्स या जटिल एनवायरनमेंट कॉन्फ़िगरेशन के बारे में चिंता न करें। Vercel का उपयोग करें, यहाँ केवल कोड अपलोड करने से ही वेबसाइट तुरंत काम करने लगती है।
आपको स्वयं सर्वर प्रबंधित करने की आवश्यकता नहीं है। डोमेन एड्रेस अपने आप बन जाता है, और यदि कोई समस्या आती है, तो आप कभी भी पिछले वर्ज़न पर वापस जा सकते हैं। अभी अपना कोड अपलोड करें।
