De nieuwsapp opzetten

Softwareontwikkeling met Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

De nieuwsapp opzetten

  • Scaffold een React- en Node-nieuwsapp in Windsurf en stel de News API-sleutel veilig in
  • Volledig werkende template die live nieuws kan ophalen

nieuwsapp_scaffold1.png

Softwareontwikkeling met Windsurf
Softwareontwikkeling met Windsurf
Softwareontwikkeling met Windsurf
Softwareontwikkeling met Windsurf

Laatste stap: Updates via API ophalen

$$

  • Veilig verbinden met een News API

$$

  • API-sleutel opslaan via omgevingsvariabelen

$$

  • Twee methoden in Windsurf

api_call_news_04.png

Softwareontwikkeling met Windsurf
Softwareontwikkeling met Windsurf
Softwareontwikkeling met Windsurf

Beveiligingstips

  • API-sleutels blijven verborgen in Windsurf

  • De frontend gebruikt ze veilig via omgevingsvariabelen

  • Voeg het .env-bestand toe aan .gitignore bij het pushen naar GitHub

    • Zo upload je geen gevoelige info

Beveiligingstips

Softwareontwikkeling met Windsurf
Softwareontwikkeling met Windsurf

Laten we oefenen!

Softwareontwikkeling met Windsurf

Preparing Video For Download...