• 🌐 🖥️ Backend
• 🌐 ☁️ Backend / API
• 🌐 💻 Frontend

  # Clone repo
  git clone https://github.com/devlegacy/fetch-api.git

  # Install local dependencies
  npm install && npm audit fix
  # Run project
  npm start

  # Up app
  docker-compose up -d

  # Down app
  docker-compose down

🔗 http://localhost:8080/ 🔗 http://localhost:8000/ 🔗 http://localhost:8000/api/

+ :open_file_folder: api-fetch  |  +-- 📂 public Production files  |  +-- 📂 server Node API server / Upload files  |   |  +-- 📂 uploads Distribution folder for images uploaded  |  +-- 📂 src Development source files

🔗 Fetch API 🔗 HTTP request methods

🔗 Cors

El Intercambio de Recursos de Origen Cruzado (Cross-Origin Resource Sharing) es un mecanismo que agrega unos encabezados (Headers) adicionales HTTP para permitir que un user agent (generalmente un navegador) obtenga permisos para acceder a los recursos de un servidor en un origin distinto (dominio) del que pertenece.

Por ejemplo una solicitud de origen cruzado seria hacer una petición AJAX desde una aplicación que se encuentra en https://dominio-a.com para cargar el recurso https://api.dominio-b.com/data.json.

Por razones de seguridad, los navegadores restringen las solicitudes HTTP de origen cruzado iniciadas dentro de un script.

Si necesitamos permitir request desde un dominio diferente al del servidor podemos usar el middleware cors para permitirlo, pero es importante no dejarlo expuesto a todos los dominios.

🔗 Access-Control-Allow-Origin 🔗 Access-Control-Allow-Methods 🔗 Access-Control-Allow-Headers

🔗 Access-Control-Allow-Credentials

🔗 Cookies - Credentials

• Optional chaining
• Non null assertion operator
• Differences in optional chaining and non null assertion

• ESBuilder https://dev.to/burhanuday/cut-down-your-webpack-build-times-by-half-2bh6

"fibers": "^5.0.0" - https://sass-lang.com/blog/node-fibers-discontinued