Estructurar la app de noticias

Desarrollo de software con Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Estructurar la app de noticias

  • Genera una app de noticias React y Node en Windsurf y configura la clave de News API de forma segura
  • Plantilla funcional que obtiene noticias en tiempo real

Estructurar app de noticias 1

Desarrollo de software con Windsurf
Desarrollo de software con Windsurf
Desarrollo de software con Windsurf
Desarrollo de software con Windsurf

Último paso: Obtener actualizaciones vía API

$$

  • Conectar a una News API de forma segura

$$

  • Guardar la clave con variables de entorno

$$

  • Dos métodos en Windsurf

Llamada API de noticias 04

Desarrollo de software con Windsurf
Desarrollo de software con Windsurf
Desarrollo de software con Windsurf

Consejos de seguridad

  • Las claves de API quedan ocultas en Windsurf

  • El frontend accede a ellas de forma segura mediante variables de entorno

  • Recuerda añadir el archivo .env a .gitignore al subir a GitHub

    • Evita subir información sensible

Consejos de seguridad

Desarrollo de software con Windsurf
Desarrollo de software con Windsurf

¡Vamos a practicar!

Desarrollo de software con Windsurf

Preparing Video For Download...