Quique Ciria

Pintar tu datos de Strava en una tabla en Notion

Introducción

Este es el segundo post de la serie Controla tu Strava con Notion. En esta parte vamos a contar como podemos visualizar los datos de nuestras actividades que ya hemos obtenido de Strava en una base de datos en Notion.

Son dos pasos los que hay que hacer, por un lado, crear una integración en Notion y la base de datos; y por otro lado el script en javascrit para ejecutarlo.

Esta serie son tres posts divididos en las siguientes partes:

API de Strava y obtención de datos de las actividades.
Pintar los datos obtenidos de Strava en una tabla de Notion actual
Automatizar la sincronización con GitHub Action pendiente

Integración en Notion

1. Crear una integración en Notion:

Ve a My Integrations, puedes hacerlo desde tus setting o en el link anterior.
Haz clic en "New integration".
Asigna un nombre a tu integración (por ejemplo, "Sync Strava Notion").
Selecciona el espacio de trabajo al que deseas conectar la integración.
Elige los permisos que necesitas (por ejemplo, Insertar contenido y Leer contenido).
Haz clic en "Submit" para crear la integración.

2. Obtén el Access Token de Notion:

Una vez creada la integración, verás un "Internal Integration Secret" en la página. Este es tu access_token en Notion.
Copia y guarda el token en un lugar seguro, ya que es necesario para hacer solicitudes a la API de Notion.

3. Crea la base datos:

Crea una nueva base de datos en una página nueva
Además del campo Name añade las propiedadades Distance y Date que son las que tenemos en el código.
Ajústalas de la siguiente manera:
∘ Distance: Esta propiedad debe ser del tipo Número (Number).
∘ Date: Esta propiedad debe ser del tipo Fecha (Date).

4. Comparte tu base de datos de Notion con la integración:

Abre la base de datos en Notion donde deseas que se inserten los datos de las actividades.
Haz clic en los tres puntitos del menú en la parte superior derecha de la página de la base de datos y baja hasta “Connections” .
Busca el nombre de tu integración y actívala.
Asegúrate de que la integración tenga acceso completo para poder escribir en la base de datos.

Script en javacript para ejecutar con Node

Ahora vamos a hacer el proyecto en nuestra computadora para poder ejecutar la lectura de datos de Strava y pintarlos en Notion.

Instalación de Node.js y dependencias:

1. Instala Node.js en tu computadora si no lo tienes.
2. Crea un nuevo proyecto y añade las dependencias
mkdir strava-notion
cd strava-notion
npm init -y
npm install axios @notionhq/client
3. Crea un archivo dentro de la carpeta con el siguiente código y nómbralo por ejemplo como sync-strava.js
4. Sustituye cada texto de la configuración por los tuyos propios.
Si no encuentras el código de NOTION_DATABASE_ID este está cuando pulsas sobre el nombre de la tabla y pinchas en “Copy link to view”. En la URL que nos dará, nos quedamos con el número que hay antes de ?v=, por ejemplo: 137ad089a85b80caab69f15ecbc01e9b.
5. Guarda el archivo y desde el terminal ejecútalo:
node sync_strava_notion.js
6. Ahora, si todo ha ido bien, se deberían de haber cargado las actividades en la base de datos de Notion.

Cosas importantes a tener en cuenta

1. Propiedades

Si en tu base de datos de Notion las propiedades tienen nombres diferentes o están configuradas de manera distinta habrá errores, asegúrate de ajustar las propiedades con el mismo nombre y tipo que tienes en el código.

2. Convertir a kilómetros

Dado que la API de Strava nos devuelve la distancia en metros, puedes dividir esa distancia por 1000 para convertirla a kilómetros.

Incluye la siguiente constante const distanceInKilometers = activity.distance / 1000; después de leer las actividades y antes de pintar las actividades en la base de datos de Notion.
Redondear la cifra. Si quieres redondear la distancia a un número de decimales específico, puedes usar la función toFixed(). Por ejemplo, para redondear a 2 decimales const distanceInKilometers = parseFloat((activity.distance / 1000).toFixed(2));

3. Duplicados cada vez que se ejecuta el script

Esto ocurre, como es normal, si estás ejecutando el código de forma costante y creando entradas de manera repetida para cada actividad de Strava, sin asegurarte antes de que no se estén creando duplicados en Notion. Para solucionarlo podemos hacer lo siguiente:

📌 A continuación tienes los pasos, pero el código completo del script lo puedes encontrar al final del post

1. Obtener el ID de la actividad desde Strava: Cada actividad de Strava tiene un ID único, y puedes usar este ID para asegurarte de que no estás agregando la misma actividad más de una vez.
Crea una nueva entrada y propiedad como el resto de las veces anteriores, tanto en tu código, como en la base de datos de Notion para tener controlado el número de ID.
2. En el bucle incluye async para realizar la consultas y escrituras de manera asíncrona activities.forEach(async (activity) =>
3. Comprueba si la actividad ya está en Notion:
4. Si no hay una entrada existente, crea una nueva.
(existingPage.results.length === 0)

El código del script completo

Este es el código final del sript que cada vez ejecutemos desde el terminal nos actualizará si tenemos alguna actividad nueva desde Strava a Notion.

En el siguiente post veremos como automatizar todo este proceso con Github Action y así "olvidarnos" de la ejecución manual.

Si quieres comentar algo sobre este post o cualquier duda puedes hacerlo en el siguiente hilo de Bluesky:

He escrito el primer post de como estoy visualizando mi actividades de Strava en Notion a través de su API : www.quiqueciria.es/activities_s...

[image or embed]
— Quique Ciria (@quiqueci.bsky.social) 2 de febrero de 2025, 11:01

Quique Ciria • 2025 • info @ quiqueciria.es