Antes de colocar un solo elemento visual en tu aplicación, necesitas definir cómo se organizará la información. La estructura de datos es el cimiento sobre el que se construye todo lo demás en Bubble, y saltarse este paso es uno de los errores más comunes entre quienes empiezan. Tomando como referencia la aplicación Todoist, se explica paso a paso cómo crear tablas, campos y relaciones que permitan gestionar tareas, proyectos y etiquetas.
¿Qué información necesitas identificar antes de crear tu base de datos?
El punto de partida es analizar la aplicación de referencia y detectar qué datos maneja. Al pulsar el botón Más en Todoist [0:12], se pueden identificar los elementos que componen una tarea:
- Título: el nombre de la tarea.
- Descripción: detalle adicional justo debajo del título.
- Fecha de vencimiento: a través del botón "Programar".
- Proyecto: la categoría o bandeja a la que pertenece la tarea.
- Etiquetas: palabras clave asignadas a la tarea.
- Prioridad: nivel de importancia.
- Alerta: recordatorio asociado.
Con esta lista clara, ya puedes trasladar cada elemento a un campo dentro de Bubble.
¿Cómo se crean data types y campos en Bubble?
Dentro del editor de Bubble, en el menú lateral izquierdo encontrarás el botón Data [0:44]. Esto te lleva a la base de datos, donde la pestaña Data Types está seleccionada por defecto. Un data type equivale a una tabla: un contenedor donde guardas campos relacionados entre sí.
¿Cómo crear la tabla de tareas con sus campos básicos?
Escribe "tarea" en el campo New type y pulsa Create [0:58]. Bubble genera automáticamente cuatro campos por defecto: creador, fecha de modificación, fecha de creación y slug. A partir de ahí, añades los campos propios:
- Título: pulsa Create new field, escribe "Título" y selecciona el tipo texto [1:15].
- Descripción: repite el mismo proceso eligiendo de nuevo el tipo texto [1:33].
- Fecha: crea un campo llamado "Fecha" y selecciona el tipo Date [1:52]. Es importante saber que en Bubble un campo Date almacena tanto la fecha como la hora, algo útil para funcionalidades futuras.
¿Cómo vincular tablas entre sí mediante relaciones?
Para asociar tareas con proyectos, primero crea un nuevo data type llamado Proyecto [2:14]. Dentro de esta tabla, añade un campo "Nombre" de tipo texto. Después, regresa a la tabla de tareas y crea un campo "Proyecto". Aquí viene lo clave: Bubble muestra en la lista de tipos no solo los estándar, sino también los data types que has creado [2:46]. Al seleccionar "Proyecto" como tipo, estás vinculando ambas tablas. Esto permite que cada tarea apunte a un proyecto específico y que más adelante puedas filtrar tareas por proyecto.
¿Cuál es la diferencia entre un campo simple y una lista de datos?
Las etiquetas funcionan de forma distinta a los proyectos. Una tarea puede tener un solo proyecto, pero múltiples etiquetas. Para modelar esto, crea primero un data type llamado "Etiquetas" con un campo de texto para la descripción [3:24]. Luego, en la tabla de tareas, crea un campo "Etiquetas" y selecciona el data type etiquetas.
La diferencia fundamental aparece en la parte inferior del formulario: un checkbox que dice "This field is a list" [3:52]. Al marcarlo, le indicas a Bubble que ese campo almacenará múltiples registros en lugar de uno solo. Bubble confirma esto mostrando que "Etiquetas es una lista de etiquetas", es decir, un conjunto asociado a una tarea específica.
Para completar la estructura, se crean dos campos adicionales:
- Prioridad: de tipo número, lo que permite ordenar o filtrar tareas por nivel de importancia [4:17].
- Alerta: de tipo Date, ya que un recordatorio necesita almacenar una fecha y hora específicas [4:28].
Con esta estructura definida —tareas, proyectos, etiquetas, prioridades y alertas— tienes una base de datos sólida para comenzar a construir la parte visual de tu aplicación. Si ya creaste el campo de alerta por tu cuenta, comparte cómo te fue en los comentarios.
