Soy nuevo en esto. Para practicar, actualmente estoy creando una API REST con nodejs y express, con los siguientes puntos finales:

• OBTENER site.tld/project/21 -> Mostrar proyecto 21
• POST site.tld/project/33 -> Crear proyecto 33
• PATCH site.tld/project/44 -> Cambiar proyecto 44
• ELIMINAR site.tld/project/55 -> Eliminar proyecto 55

etc.

Quiero tener un Sitio Web, para Mostrar, Crear, Parchear y Borrar Proyectos. Entonces implementé el Cliente REST en el navegador a través de javascript. He construido una buena interfaz con Bootstrap. Para enviar las solicitudes PATCH desde el frontend al backend, uso un script con fetch(),

Ahora mi pregunta:

Si quiero realizar una solicitud HTTP PATCH o DELETE a la API, necesito el ID del proyecto. ¿Cómo obtengo el ID del proyecto en la interfaz?

Encontré las siguientes posibilidades:

• Obtenga y extraiga la URL con window.location.href en la interfaz, ya que la URL de la página web para editar el proyecto contiene la ID, por ejemplo: la URL es "site.tld/project/33", por lo que la ID es "33".

• Utilizo plantillas ejs, puedo enviar la ID desde el backend al frontend, y vincular los datos a una etiqueta html data-* y extraer esto a través de javascript.

Nada de esto no se siente bien. ¿Puede alguien explicarme cuál es la forma correcta?