建立新聞 App 的腳手架

使用 Windsurf 進行軟體開發

Francesca Donadoni

AI Curriculum Manager, DataCamp

建立新聞 App 的腳手架

• 在 Windsurf 中為 React 與 Node 新聞 App 建立腳手架，並安全設定 News API 金鑰
• 可立即抓取即時新聞更新的完整範本

最後一步：透過 API 抓取更新

$$

• 需要安全連線至 News API

$$

• 使用環境變數儲存 API 金鑰

$$

• Windsurf 提供兩種方法

安全小訣竅

• API 金鑰會在 Windsurf 內保持隱藏

• 前端透過環境變數安全存取

• 推送到 GitHub 時，記得將 .env 加入 .gitignore

  • 可避免上傳敏感資訊

一起來練習吧！

使用 Windsurf 進行軟體開發