समाचार ऐप का स्कैफोल्डिंग

Windsurf के साथ सॉफ्टवेयर डेवलपमेंट

Francesca Donadoni

AI Curriculum Manager, DataCamp

समाचार ऐप का स्कैफोल्डिंग

  • Windsurf में React और Node समाचार ऐप स्कैफोल्ड करें और News API key को सुरक्षित रूप से सेटअप करें
  • पूरी तरह काम करने वाला टेम्पलेट जो लाइव समाचार अपडेट फ़ेच कर सकता है

स्कैफोल्डिंग_news_app1.png

Windsurf के साथ सॉफ्टवेयर डेवलपमेंट
Windsurf के साथ सॉफ्टवेयर डेवलपमेंट
Windsurf के साथ सॉफ्टवेयर डेवलपमेंट
Windsurf के साथ सॉफ्टवेयर डेवलपमेंट

अंतिम चरण: API से अपडेट फ़ेच करना

$$

  • News API से सुरक्षित रूप से कनेक्ट करना है

$$

  • API key को environment variables में स्टोर करना

$$

  • Windsurf में दो तरीके

api_call_news_04.png

Windsurf के साथ सॉफ्टवेयर डेवलपमेंट
Windsurf के साथ सॉफ्टवेयर डेवलपमेंट
Windsurf के साथ सॉफ्टवेयर डेवलपमेंट

सुरक्षा टिप्स

  • API keys Windsurf के भीतर छिपी रहती हैं

  • फ्रंटएंड उन्हें environment variables के ज़रिए सुरक्षित रूप से एक्सेस करता है

  • GitHub पर कोड पुश करते समय .env फ़ाइल को .gitignore में जोड़ना याद रखें

    • इससे संवेदनशील जानकारी अपलोड होने से बचती है

security_tips.png

Windsurf के साथ सॉफ्टवेयर डेवलपमेंट
Windsurf के साथ सॉफ्टवेयर डेवलपमेंट

अभ्यास करते हैं!

Windsurf के साथ सॉफ्टवेयर डेवलपमेंट

Preparing Video For Download...