Grundgerüst für die News-App

Software Development mit Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Grundgerüst für die News-App

  • Erstelle in Windsurf eine React- und Node-News-App und richte den News-API-Schlüssel sicher ein
  • Voll funktionsfähige Vorlage zum Abrufen aktueller News

scaffolding_news_app1.png

Software Development mit Windsurf
Software Development mit Windsurf
Software Development mit Windsurf
Software Development mit Windsurf

Letzter Schritt: Updates per API abrufen

$$

  • Sichere Verbindung zu einer News-API nötig

$$

  • API-Schlüssel in Umgebungsvariablen speichern

$$

  • Zwei Methoden in Windsurf

api_call_news_04.png

Software Development mit Windsurf
Software Development mit Windsurf
Software Development mit Windsurf

Sicherheitstipps

  • API-Schlüssel bleiben in Windsurf{{1}} verborgen

  • Das Frontend greift sicher per Umgebungsvariablen{{2}} darauf zu

  • Füge die Datei .env zu .gitignore hinzu, bevor du auf GitHub pushst

    • So werden vertrauliche Daten nicht hochgeladen

Sicherheitstipps

Software Development mit Windsurf
Software Development mit Windsurf

Lass uns üben!

Software Development mit Windsurf

Preparing Video For Download...