Cómo crear un sitio web con una base de datos usando TeleportHQ

Crear un sitio web con una base de datos implica cuatro tareas principales: organizar la información, elegir dónde almacenarla, conectarla a las páginas y probar cómo funciona el sitio publicado. En TeleportHQ, puedes usar una base de datos alojada integrada o conectar una base de datos compatible que ya administres.

Esta guía explica ambas opciones, muestra cómo las bases de datos impulsan blogs, centros de ayuda y sitios de comercio electrónico, y te guía en la creación de un catálogo de cursos con función de búsqueda. Puedes aplicar el mismo proceso a directorios, bibliotecas de recursos y otros sitios web basados en contenido estructurado.

¿Qué es una base de datos para sitios web y cómo funciona?#

Una base de datos para sitios web almacena la información que el sitio necesita mostrar o gestionar. En un blog, incluye las publicaciones y su contenido asociado. En una tienda en línea, incluye los productos y los pedidos. Un sitio web de formación podría almacenar cursos, instructores y próximas sesiones.

La base de datos y el sitio web cumplen funciones distintas. La base de datos contiene la información; el sitio web la presenta en páginas y permite que las personas realicen las acciones que hayas configurado.

Pensemos en un catálogo de cursos. Un registro de la base de datos contiene los detalles de un curso de fotografía. Una página de listado muestra su título, imagen y precio junto con los de otros cursos. Cuando alguien abre el curso, una página de detalles muestra su descripción completa usando la misma información almacenada.

Puedes actualizar el registro del curso sin tener que buscar y reescribir manualmente cada lugar donde aparece su información. Las páginas conectadas recuperan los datos según su configuración y su comportamiento de almacenamiento en caché.

Términos que debes entender#

No necesitas convertirte en administrador de bases de datos para crear este tipo de sitio web. Conocer algunos términos facilita entender la configuración:

Un sitio web basado en una base de datos combina estos registros almacenados con diseños de página y el comportamiento de la aplicación. El sitio resultante puede contener cientos de páginas individuales sin que tengas que diseñar cada una por separado.

También se utiliza el término «base de datos web» para referirse a las bases de datos a las que se accede o que se gestionan mediante un navegador. En esta guía, nos centramos en la base de datos que proporciona información a tu sitio web.

¿Cuándo necesita una base de datos un sitio web?#

Una base de datos resulta útil cuando necesitas gestionar contenido recurrente, organizar una colección de elementos en crecimiento o almacenar actividades como las compras.

Algunos motivos habituales son:

• Publicar artículos con una plantilla compartida.
• Mostrar un catálogo que los visitantes puedan buscar o filtrar.
• Crear una página propia para cada producto, curso o anuncio de un directorio.
• Mantener información que aparece en varios lugares.
• Almacenar registros creados mediante acciones configuradas en el sitio web.

Es posible que un sitio web de una pequeña empresa con unas pocas páginas de servicios no necesite una base de datos. Si la información cambia pocas veces y no sigue una estructura repetida, puede bastar con editar esas páginas directamente.

Además, almacenar contenido en una base de datos no determina automáticamente cómo se muestra un sitio. Algunos sitios web generan páginas estáticas a partir del contenido almacenado; otros recuperan los datos cuando se solicitan las páginas. El método de creación debe adaptarse a la frecuencia con que se actualiza la información y a las acciones que los visitantes deben poder realizar.

Ejemplos de sitios web con bases de datos que puedes crear con TeleportHQ#

Antes de crear tus propias tablas, comprueba si alguna función integrada ya cubre el tipo de sitio que necesitas. TeleportHQ ofrece funciones con base de datos para publicar y vender, además de herramientas para crear páginas personalizadas a partir de datos.

Blogs: gestiona las publicaciones independientemente de su diseño#

Un blog almacena el contenido de cada artículo por separado del diseño que lo muestra. Una plantilla compartida para las publicaciones puede mostrar el título, el autor y el cuerpo del artículo, mientras que el listado del blog presenta la colección para que los lectores la exploren.

Con el creador de blogs de TeleportHQ, la configuración del blog conecta el sistema de contenido con las páginas de listado y de publicaciones. Puedes personalizar su aspecto y gestionar las publicaciones mediante las herramientas para blogs disponibles o la interfaz de administración.

Para una empresa que publica tutoriales, esto significa que el equipo editorial puede añadir otra publicación sin duplicar una página existente ni reconstruir sus bloques de contenido. Las categorías ayudan a los lectores a encontrar material relacionado, mientras que un diseño uniforme mantiene una experiencia de lectura familiar.

La base de datos estructura el contenido. Sin embargo, los editores aún deben decidir qué incluir en cada artículo, cómo organizar las categorías y cuándo está lista una publicación para publicarse.

Centros de ayuda: organiza las respuestas en un recurso con buscador#

Un centro de ayuda aplica principios similares, pero está dirigido a otro tipo de lector. Quien visita un artículo de soporte suele tener una tarea o un problema concretos, por lo que la búsqueda y la navegación por categorías son tan importantes como el diseño del artículo.

El centro de ayuda integrado de TeleportHQ crea un área de ayuda con buscador y páginas para artículos y categorías. Sus funciones más amplias de base de conocimientos también permiten crear sistemas basados en documentación estructurada y contenido de soporte.

Por ejemplo, una empresa de software puede organizar las guías en categorías como configuración de cuenta, facturación y uso del producto. Para actualizar una instrucción, basta con modificar el registro de contenido correspondiente, mientras que el diseño compartido sigue mostrando el artículo de forma uniforme.

Organiza las categorías en torno a las preguntas que hacen los clientes. Una categoría llamada «Importar tus datos» resulta más útil para un cliente nuevo que otra cuyo nombre corresponda al equipo interno responsable de las importaciones. La base de datos permite la organización que elijas, pero no puede determinar si tiene sentido para los lectores.

Comercio electrónico: conecta la tienda en línea con los datos de productos y pedidos#

Un sitio web de comercio electrónico utiliza una base de datos tanto para la información pública como para los registros operativos. Los datos de los productos alimentan el catálogo y las páginas de producto. La actividad de compra genera la información de los pedidos que la empresa necesita procesar.

El creador de sitios web de comercio electrónico de TeleportHQ ofrece herramientas para configurar las páginas de la tienda, el proceso de pago y los datos relacionados. Puedes personalizar la experiencia de compra y configurar los servicios y las reglas de negocio necesarios para aceptar y gestionar los pedidos.

Una conexión a una base de datos, por sí sola, no crea una tienda funcional. El sitio también necesita lógica para el proceso de pago, configuración de pagos y gestión de pedidos. La función de comercio electrónico te ofrece una estructura inicial para esos requisitos, en lugar de tratar una lista de productos como si fuera una tienda completa.

Para un minorista, una prueba útil consiste en revisar todo el proceso de compra: el cliente abre un producto, elige qué comprar, completa el pago y recibe la confirmación esperada. La página del producto es solo una parte de ese proceso.

Catálogos y directorios personalizados#

Para crear una colección personalizada, puedes definir los registros y conectarlos a diseños de página reutilizables. Algunos ejemplos son un directorio de proveedores, un catálogo de propiedades o una biblioteca de recursos descargables.

El tutorial que aparece a continuación utiliza un catálogo de cursos porque su estructura es fácil de seguir. Los visitantes podrán explorar los cursos, filtrar la lista por tema y abrir una página con más información. La primera versión mostrará información, pero no incluirá cuentas de estudiantes, inscripción de pago ni un sistema de gestión del aprendizaje.

Definir claramente el alcance te ayudará a terminar el sitio web básico antes de incorporar funciones de aplicación más exigentes.

Elige cómo crear la base de datos de tu sitio web#

En TeleportHQ tienes dos opciones principales para la base de datos: configurar la base de datos integrada o conectar una base de datos compatible existente. También puedes usar otros tipos de fuentes de datos cuando la información se encuentra en una hoja de cálculo, una API o un CMS headless.

Las herramientas de bases de datos de TeleportHQ integran estas opciones en el proceso de creación de sitios web. La elección depende de dónde se encuentra tu información, quién la administra y dónde planeas alojar el proyecto terminado.

Usa la opción integrada para crear un proyecto nuevo#

TeleportHQ proporciona una base de datos PostgreSQL alojada que puedes configurar desde el editor. Cada proyecto tiene su propia base de datos, donde puedes crear tablas y gestionar registros.

Para el catálogo de cursos, es una opción sencilla para empezar si todavía no tienes un servicio de datos. Puedes organizar los cursos en el mismo proyecto en el que diseñas sus páginas.

Conserva una base de datos existente cuando ya sea la fuente de referencia#

Si tu organización mantiene la información de los cursos en otro lugar, considera conectar esa base de datos en vez de crear una segunda copia que haya que mantener manualmente.

TeleportHQ admite conectores como PostgreSQL, MySQL, MongoDB y Supabase, entre otros. Cada conector tiene distintos requisitos de configuración y capacidades de edición. Confirma que la conexión elegida admite las operaciones que necesita el proyecto.

Conectar una base de datos no significa trasladarla a TeleportHQ. El proveedor sigue alojándola y tu equipo continúa siendo responsable de la configuración de ese servicio.

Paso 1: Define el contenido y el recorrido del visitante#

Empieza por anotar qué debería lograr un visitante. En este ejemplo, el recorrido es: explorar los cursos disponibles, encontrar un tema pertinente, abrir la página de un curso y seguir un enlace para realizar una consulta.

Ese recorrido sugiere dos tipos principales de página:

• Una página de catálogo con tarjetas de cursos, búsqueda y filtros por categoría.
• Una página de detalles del curso con la descripción completa y una opción para solicitar información.

También necesitas una forma de que tu equipo añada cursos y actualice su información. En la primera versión, puedes gestionar esos registros desde las herramientas de base de datos del editor.

Los campos deben reflejar tanto la página de listado como la de detalles. Un resumen breve ayuda a comparar cursos; una descripción más extensa explica qué aprenderán las personas al abrir uno.

Esboza una estructura de datos sencilla#

Una primera tabla de cursos podría incluir los siguientes campos:

Esta es una estructura de ejemplo, no un requisito de la plataforma. Un catálogo de cursos de formación interna puede no necesitar campos de precio o consulta. En cambio, un listado público de talleres puede necesitar fechas y ubicaciones.

Usa los tipos de datos adecuados. Almacenar la duración como un número permite ordenarla numéricamente. Guardar «unas diez horas» como texto libre puede resultar fácil de leer, pero no se comporta como un número al filtrar u ordenar.

Decide qué campos son obligatorios. Un curso debe tener un título y un identificador de página único. Si la imagen es opcional, planifica qué debe mostrar la página cuando no esté disponible.

Añade relaciones cuando sea necesario compartir información#

Si varios cursos pertenecen al mismo instructor, una tabla de instructores puede almacenar una sola vez los datos de esa persona. Después, cada curso puede hacer referencia al registro del instructor correspondiente.

Así evitarás copiar la misma biografía en varios cursos y tener que actualizar cada copia cuando cambie. Las herramientas de estructura de tablas de TeleportHQ admiten claves foráneas para bases de datos compatibles, incluida su base de datos integrada.

Mantén el primer modelo lo suficientemente pequeño como para entenderlo. Añade relaciones solo cuando haya una razón clara; dividir cada campo en otra tabla hace que un proyecto para principiantes sea más difícil de gestionar.

Paso 2: Crea o conecta la base de datos#

Cuando sepas qué necesitas almacenar, añade la base de datos a tu proyecto.

Crea una base de datos integrada de TeleportHQ#

1. Abre Fuentes de datos en la barra lateral izquierda del editor.
2. Haz clic en el botón más para añadir una fuente de datos.
3. Elige la base de datos de TeleportHQ y asígnale un nombre fácil de reconocer.
4. Revisa el aviso sobre el alojamiento y las limitaciones del plan.
5. Selecciona Configurar base de datos de TeleportHQ.

Después de configurarla, la base de datos aparecerá entre las fuentes de datos de tu proyecto. Ábrela para empezar a añadir tablas. la guía de configuración de la base de datos integrada explica la interfaz y los problemas habituales de aprovisionamiento.

Si tu proyecto ya tiene una base de datos integrada, usa esa conexión existente. Es posible que se haya creado antes al habilitar otra función.

Conectar una base de datos externa#

Para una fuente existente, selecciona su conector en Fuentes de datos y proporciona los datos de conexión solicitados. Estos pueden incluir un host, el nombre de la base de datos y credenciales, o una cadena de conexión proporcionada por tu proveedor.

La conexión debe ser accesible desde los servidores de TeleportHQ. Configura con tu proveedor el acceso autenticado y los ajustes de conexión segura necesarios.

Obtener el esquema permite que TeleportHQ detecte la estructura disponible. Revisa las tablas o colecciones importadas antes de conectarlas a las páginas. la guía de conexión a bases de datos externas describe los conectores compatibles y los requisitos específicos de cada uno.

Una conexión exitosa confirma que hay acceso, pero no demuestra que todos los registros sean adecuados para mostrarse públicamente. Mantén separados los datos operativos confidenciales de la información destinada a los visitantes.

Paso 3: Crea las tablas y complétalas con datos#

Una vez disponible la base de datos, crea la estructura que planificaste en el primer paso. En el panel de la base de datos, la tarjeta Añadir una tabla nueva ofrece opciones para crear tablas manualmente, generarlas con IA o importar archivos compatibles.

Para el catálogo de cursos, crea la tabla courses, añade sus columnas y establece los tipos de campo necesarios. Asigna una clave principal y configura el campo slug como único para que los registros tengan identificadores públicos distintos.

Si prefieres configurar la tabla con ayuda de la IA, describe la tabla, sus campos y las relaciones. Especifica claramente los valores obligatorios y qué campos deben ser únicos. Revisa el resultado generado antes de añadir contenido de producción; la generación con IA consume tokens y aun así requiere tu criterio.

El centro de ayuda explica ambos métodos en su guía para crear tablas de bases de datos.

Añade registros de muestra antes de importar todos los datos#

Abre la tabla desde Ver datos y añade algunos cursos. Procura que las muestras sean lo bastante variadas para probar el diseño:

• Un título de curso breve y otro mucho más largo.
• Cursos de distintas categorías.
• Un curso sin imagen opcional.
• Un curso gratuito, si el precio cero es válido para tu proyecto.
• Descripciones de distintas longitudes.

Esto ayuda a detectar problemas de diseño y visualización cuando aún son fáciles de corregir. Si todos los registros de muestra tienen la misma cantidad de texto, el diseño podría parecer terminado hasta que se añada contenido real.

Revisa los registros como lo haría un visitante. «Conceptos básicos de fotografía» ofrece poca información por sí solo. Un resumen útil puede explicar a quién va dirigido el curso y qué aprenderá quien lo realice.

Importar datos desde una hoja de cálculo#

Si la información ya está en un archivo, puedes importarla en lugar de introducir cada registro manualmente. TeleportHQ admite la importación de bases de datos en formatos como CSV y Excel. Las herramientas de importación documentan otras opciones.

Limpia primero el archivo de origen. Usa nombres de columna claros, comprueba que los números tengan un formato uniforme y elimina los slugs duplicados. Unifica los valores de las categorías para evitar que «Fotografía» y «cursos de fotografía» aparezcan accidentalmente como filtros distintos.

Hay flujos de trabajo distintos para crear tablas a partir de un archivo y para importar un CSV a una tabla de base de datos integrada existente. En este último caso, puedes buscar registros existentes mediante una clave, actualizar las filas coincidentes y añadir filas nuevas. Consulta las instrucciones para importar bases de datos para conocer los formatos y límites admitidos.

Después de importar, compara algunas filas del archivo de origen con los registros resultantes. Presta especial atención a las fechas, los valores decimales y los campos vacíos. Completar una importación es motivo para revisar el resultado, no un sustituto de esa revisión.

Paso 4: Diseña la página del catálogo y conéctala a los datos#

La página del catálogo debe ayudar a las personas a decidir qué curso consultar. Primero crea la estructura general: un título para la página, una breve explicación del catálogo y un espacio para las tarjetas de los cursos.

Después, conecta las tarjetas a la base de datos. La vinculación de datos indica de dónde procede el valor que muestra un elemento. Un encabezado puede mostrar el título de un curso y una imagen puede usar la URL almacenada en el mismo registro.

Para crear un diseño de tarjetas repetido, TeleportHQ ofrece Array Mapper. Añádelo desde el grupo List de Elements, vincula su Source a la tabla de cursos y diseña una tarjeta dentro de él. El elemento repetirá ese diseño para cada elemento que devuelva la fuente.

Vincula cada tarjeta al curso actual#

Dentro del diseño repetido, vincula el encabezado, el resumen y la imagen a los campos del elemento actual. Este contexto indica qué curso representa cada tarjeta.

Si todas las tarjetas muestran el mismo título, comprueba si seleccionaste por error una fila específica de la base de datos en lugar del elemento repetido actual. Se trata de un problema de vinculación, no suele ser un problema de la tabla en sí.

La guía para mostrar contenido de bases de datos en páginas explica cómo elegir valores dinámicos y vincularlos a los elementos.

Haz que las tarjetas faciliten la comparación#

Muestra la información que los visitantes necesitan antes de abrir la página de detalles. Para este catálogo, podría incluir el tema, la duración y el precio junto con el resumen.

Reserva la descripción más extensa para la página individual del curso. Una lista es difícil de recorrer visualmente cuando cada tarjeta contiene varios párrafos y varias acciones que compiten entre sí.

Comprueba el diseño con el título más largo y el tamaño de pantalla más pequeño. Evita las alturas fijas que recortan texto esencial y facilita la selección del enlace del curso en un teléfono. Si el diseño de la tarjeta incluye imágenes, utiliza una proporción de visualización uniforme para que la lista siga siendo legible al añadir imágenes diferentes.

También es necesario decidir cómo responder a la falta de datos. TeleportHQ admite valores alternativos en las vinculaciones correspondientes, pero el comportamiento del sitio publicado también puede tratar cero y falso como casos para aplicar el valor alternativo. Ten cuidado con un precio de cero: un curso gratuito no debería etiquetarse incorrectamente como «Precio no disponible». Prueba el comportamiento exacto del campo antes de depender de un valor alternativo.

Paso 5: añade búsqueda, filtros y navegación#

Un catálogo con pocos cursos se puede explorar manualmente. A medida que crece, los visitantes necesitan controles que reduzcan la lista.

Usa la búsqueda para quienes saben lo que quieren y las categorías para quienes exploran un tema. Los controles deben reflejar los datos disponibles, no todas las posibilidades de filtrado que podrías añadir más adelante.

Activar búsqueda de texto#

En un Array Mapper o una tabla compatible vinculada a datos, activa «Activar búsqueda». TeleportHQ añade un campo de búsqueda para la lista, que puedes diseñar para que se integre con la página.

La búsqueda de listas documentada encuentra coincidencias en campos de texto sin distinguir entre mayúsculas y minúsculas. No es un motor de búsqueda general para todos los tipos de datos: los campos numéricos, de fecha y booleanos se gestionan de otra manera.

Prueba la búsqueda en la vista previa y en el sitio publicado. Busca un título completo, parte de un título y una frase que aparezca en una descripción. Prueba también una frase que no devuelva resultados para evaluar el estado vacío.

Filtrar por categoría#

Un filtro especifica qué registros se pueden mostrar. Por ejemplo, un filtro de categoría puede comparar el campo de categoría con «Fotografía».

Para permitir que los visitantes cambien ese valor, conéctalo a un estado controlado por un menú desplegable o por botones. Un filtro fijo en el editor establece una selección fija; no crea automáticamente controles para los visitantes.

Decide qué ocurre cuando se borra el filtro. Los visitantes necesitan una forma clara de volver a ver todos los cursos, especialmente después de combinar una categoría con una frase de búsqueda. Las herramientas de filtrado de TeleportHQ admiten valores dinámicos y, en las listas de bases de datos, combinaciones de condiciones. La guía de filtrado de listas explica estos ajustes y las diferencias según la fuente de datos.

Añade paginación y un orden predeterminado adecuado#

La paginación divide una colección grande en grupos fáciles de manejar. Las listas compatibles de TeleportHQ te permiten configurar la cantidad de elementos por página y elegir un patrón de navegación, como controles de página o cargar más elementos.

Elige la cantidad de tarjetas visibles teniendo en cuenta la legibilidad y el rendimiento. A menudo, es más fácil explorar una página con doce tarjetas útiles que intentar mostrar un catálogo entero de una sola vez.

Establece un orden que se adapte al contenido. El orden alfabético es adecuado para un catálogo de consulta, mientras que las fechas próximas pueden ser más relevantes para talleres programados. Comprueba cómo funcionan las opciones en conjunto: la búsqueda debe aplicarse a la colección filtrada prevista, y la paginación no debe dejar a los visitantes en una página sin resultados después de cambiar un filtro.

Paso 6: crea una página dinámica para cada curso#

La página de detalles del curso utiliza un mismo diseño para mostrar un registro diferente en cada dirección. No necesitas crear un diseño independiente para cada curso.

En Pages, Components & Tree View, crea una página para el diseño del curso. Abre su menú, activa Is Details Page y selecciona la lista de cursos como fuente. Usa un campo único y con valor para cada registro, como slug, para identificar cada URL.

Vincula el contenido de la página al curso actual. Después, conecta los enlaces de las tarjetas del catálogo a la página de detalles y pasa el valor de URL de cada curso. La guía de configuración de la página de detalles explica cómo configurarlo.

Un ejemplo de dirección podría ser /courses/beginner-photography. Otro curso utiliza el mismo diseño, pero con su propia dirección y contenido.

Diseña pensando en la decisión que alguien debe tomar#

Una página de detalles debe responder a las preguntas que la ficha del catálogo deja sin resolver. En el caso de un curso, podrían ser:

• ¿A quién va dirigido el curso?
• ¿Qué aprenderán los participantes?
• ¿Cuánto dura?
• ¿Cuánto cuesta, si corresponde?
• ¿Qué debe hacer alguien para solicitar información o inscribirse?

Estas preguntas orientan tanto el modelo de contenido como el diseño. Si todos los cursos necesitan información sobre los requisitos previos, crea un campo uniforme para almacenarla en lugar de colocarla de forma aleatoria en las descripciones.

Prueba varias fichas en la página. Abre sus URL directamente, actualiza el navegador y sigue los enlaces desde el catálogo. Cada ruta debe mostrar el curso correcto y la acción para solicitar información debe llevar al destino previsto.

Si más adelante añades la inscripción de pago, trátala como un flujo de trabajo adicional con sus propios requisitos. Mostrar un precio y enlazar a la página de un curso no implementa el procesamiento de pagos ni la inscripción.

Paso 7: Prepara las páginas basadas en la base de datos para el SEO#

Los motores de búsqueda necesitan páginas accesibles con contenido útil. La base de datos te ayuda a mantener ese contenido de forma coherente, pero generar más URL por sí solo no aumenta el valor del sitio web para quienes realizan búsquedas.

Asigna a cada curso un título claro y una descripción que explique su oferta específica. Evita llenar todas las páginas con el mismo párrafo genérico y cambiar únicamente el nombre del curso. Los lectores deberían poder entender en qué se diferencia cada curso de los demás.

Configura títulos y descripciones específicos para cada página#

En la configuración SEO de la página de detalles de TeleportHQ, puedes vincular el título y la descripción meta al registro actual. Los campos SEO específicos son útiles cuando el título o el resumen que aparece en la página no coincide con el texto que quieres usar en los metadatos de búsqueda.

Revisa los valores resultantes de varios registros, en lugar de comprobar únicamente la plantilla. Si falta contenido de origen, algunas páginas podrían quedar incompletas.

Haz que el contenido sea fácil de encontrar#

Enlaza cada curso desde el catálogo o una página de categoría pertinente. Usa textos descriptivos para los enlaces y URL legibles, y añade texto alternativo adecuado a las imágenes que aporten información.

Después del lanzamiento, revisa URL públicas representativas en Google Search Console. Comprueba que el contenido que quieres indexar sea accesible y que las páginas importantes no se hayan excluido por accidente.

Mantén una estructura del sitio útil para los visitantes. Crea páginas de categorías que ayuden a las personas a explorar un tema y añade suficiente contenido pertinente para explicar su propósito. Los controles de búsqueda pueden complementar esa navegación, pero no deberían ser la única forma de encontrar registros importantes.

Paso 8: prueba, publica y verifica las actualizaciones#

Previsualiza el diseño, publica el sitio y prueba el recorrido completo en la versión disponible en línea. Comprueba las conexiones, la búsqueda y la actualidad de los datos tal como los verán los visitantes.

Una revisión previa al lanzamiento puede incluir lo siguiente:

Prueba también los valores opcionales que faltan. Un estado de carga, una colección vacía y un error son situaciones diferentes. Diseña mensajes adecuados para los estados que admitan los elementos que uses, para que los visitantes puedan entender qué ha ocurrido y qué pueden hacer a continuación.

Comprende cuándo es necesario publicar#

Los cambios en el diseño y la configuración requieren publicar. El sitio publicado y el editor recuperan los datos por separado, así que actualizar el editor no es lo mismo que publicar una página modificada.

En las páginas conectadas a datos, los registros se pueden recuperar sin recrear manualmente cada página. La caché y el comportamiento de la fuente afectan a cuándo aparecen los valores actualizados. Si el editor y el sitio publicado no coinciden, comprueba el registro original, actualiza la fuente correspondiente y revisa la configuración de la caché antes de asumir que la vinculación no funciona.

En los blogs y centros de ayuda integrados, las páginas deben haberse publicado al menos una vez y los artículos deben tener el estado de publicación adecuado para aparecer. Considera la publicación del contenido y la publicación del diseño de la página como partes relacionadas, pero distintas, del flujo de trabajo.

Alojamiento de bases de datos: dónde se almacenan los datos de tu sitio web#

El alojamiento web pone en funcionamiento el sitio que visitan las personas. El alojamiento de bases de datos proporciona el servicio que almacena y recupera su información. Una plataforma puede ofrecer ambos servicios, o bien pueden gestionarse por separado.

Con la base de datos integrada de TeleportHQ, no necesitas aprovisionar un servidor de bases de datos independiente. La base de datos se aloja para el proyecto y funciona con sitios alojados en TeleportHQ.

Esta relación de alojamiento es importante si tienes previsto exportar el proyecto. La conexión a la base de datos integrada no funciona con el código descargado y alojado en otro lugar. Para una implementación externa, planifica la conexión a la base de datos y cualquier otro requisito de backend antes de decidir la configuración.

Cuando conectas una base de datos externa, esta permanece con su proveedor. Así mantienes la continuidad con tu infraestructura de datos existente, pero también debes administrar la cuenta del proveedor, la capacidad y la configuración de conexión.

Revisa los límites antes de publicar#

Los límites documentados de la base de datos integrada varían según se use durante el periodo de prueba o con un plan de pago:

También se aplican límites a las tablas, columnas e índices. Consulta los límites actuales de los planes de bases de datos de TeleportHQ antes de importar un conjunto de datos grande o publicar un sitio que dependa de la base de datos.

Calcula tanto el número de registros como el almacenamiento necesario. Un directorio con registros de texto breves y una base de conocimientos con artículos largos pueden tener un número similar de registros, pero distintas necesidades de almacenamiento. Las bases de datos externas están sujetas a los límites de capacidad establecidos por sus proveedores.

Gestiona el acceso a los datos y su mantenimiento continuo#

La primera versión de un catálogo puede mostrar únicamente información pública. Si más adelante añades registros de clientes, contenido privado o herramientas de edición, revisa los requisitos de acceso antes de empezar a utilizar esa información.

Decide quién puede leer, crear, editar y eliminar cada tipo de registro. Un administrador que actualiza cursos necesita permisos distintos a los de un visitante que los consulta. Si los usuarios gestionan su propio contenido, la aplicación debe restringir los registros a los que puede acceder cada persona.

TeleportHQ guarda las credenciales de bases de datos y las claves de API como Secretos del proyecto. Utiliza los controles de credenciales previstos y no incluyas los datos confidenciales de conexión en el texto de la página ni en el código público.

Ocultar un botón o una sección no protege los datos por sí solo. Verifica el acceso en las capas de la aplicación y de los datos, incluido lo que puede recuperar un visitante que no haya iniciado sesión. Esto es especialmente importante cuando un proyecto combina listados públicos con información operativa privada.

Establece un proceso de actualización manejable#

Elige a una persona o un equipo responsable del contenido. Acuerda cómo se revisarán los registros nuevos y cómo se corregirán o eliminarán los obsoletos.

Para un catálogo de formación, un proceso sencillo podría ser el siguiente:

1. Prepara la información del curso en los campos acordados.
2. Comprueba la descripción, el precio y el destino de las consultas.
3. Añade el registro y verifica su ficha y página de detalles.
4. Revisa el catálogo periódicamente para detectar cursos que ya no estén disponibles.

Si el proyecto utiliza funciones de publicación integradas, incluye en el proceso sus controles de estado del contenido. Si se trata de una tabla personalizada, define e implementa el flujo de revisión necesario; añadir una columna de estado, por sí sola, no restringe automáticamente el acceso público.

Lleva un registro de los campos que utilizan los enlaces de datos de las páginas antes de cambiar la estructura de la tabla. Cambiar el nombre o eliminar una columna puede afectar a todas las páginas que dependen de ella. Antes de realizar una actualización masiva, averigua cómo se asociarán los registros y cómo podrás restaurar los datos si la importación genera un resultado no deseado.

Errores comunes al crear un sitio web con una base de datos#

La mayoría de los problemas iniciales se deben a una discrepancia entre la estructura de los datos y la interfaz. Las siguientes comprobaciones pueden ahorrar tiempo durante la configuración:

Evita ampliar el proyecto antes de que funcionen estos aspectos básicos. Añadir más registros a una vinculación defectuosa multiplica el problema visible sin resolver su causa.

Para una primera versión, el resultado más útil es un recorrido completo y probado con contenido preciso. Las funciones adicionales deben responder a una necesidad clara, como permitir reservas de pago o dar acceso a los instructores a sus propios registros.

Preguntas frecuentes#

¿Puedo crear un sitio web con una base de datos sin escribir código?#

Sí. TeleportHQ ofrece herramientas visuales para configurar bases de datos, administrar registros y conectar datos con elementos de la página. Aun así, debes planificar la estructura y configurar cómo debe funcionar el sitio. Los flujos de trabajo avanzados o las integraciones poco habituales pueden requerir desarrollo adicional.

¿Puedo usar mi base de datos actual?#

Puedes conectar una base de datos externa compatible y usar su información en el proyecto. Comprueba el conector, el acceso a la red y las credenciales, así como las operaciones que necesitas. Poder leer una fuente no significa que todas las fuentes ofrezcan las mismas herramientas para editar o administrar la estructura.

¿Crear una base de datos en línea es lo mismo que crear un sitio web con base de datos?#

No. Una base de datos en línea almacena y organiza información. Un sitio web con base de datos añade una interfaz para los visitantes y las funciones necesarias para usar esa información. Crear el sitio web implica diseñar las páginas, conectar los registros y probar las acciones que realizarán los usuarios.

¿Añadir una base de datos requiere una plaza de Web App?#

Conectar una fuente de datos por sí solo no requiere una plaza de Web App en TeleportHQ. Funciones como la autenticación, los flujos de trabajo, el comercio electrónico y el blog o centro de ayuda integrados habilitan las capacidades de aplicación web. Algunos comportamientos opcionales, como el almacenamiento en caché de listas, también requieren esas capacidades.

¿Puedo exportar un sitio web que usa contenido de una base de datos?#

La documentación de TeleportHQ limita la exportación de código para proyectos conectados a datos a Next.js. La descarga de código está disponible en los planes Pro y Premium, no durante la prueba. La conexión a la base de datos integrada sigue dependiendo del alojamiento de TeleportHQ, por lo que exportar el código no equivale a transferir un backend alojado y funcional.

¿Debería crear tablas personalizadas para un blog o una tienda en línea?#

Empieza con la función integrada si se ajusta a tus necesidades. Esta ofrece las páginas esperadas y la estructura de apoyo para ese tipo de sitio. Las tablas personalizadas son útiles para otros modelos de contenido o aplicaciones, como el catálogo de cursos de esta guía. Revisa los requisitos de las funciones antes de modificar las tablas que utiliza un sistema integrado.

Crea tu primer sitio web basado en una base de datos#

Empieza por la información que necesitan tus visitantes y un pequeño conjunto de registros representativos. Crea o conecta la base de datos, construye las páginas de listado y de detalles, y comprueba todo el recorrido en el sitio publicado.

Si tu proyecto es un blog, un centro de ayuda o una tienda, utiliza la función integrada correspondiente como punto de partida. Para crear un catálogo o directorio personalizado, define las tablas en función de tu contenido y conéctalas a diseños reutilizables. Cuando los primeros registros se muestren correctamente y el proceso de actualización funcione, podrás ampliar la colección sin tener que rediseñar cada página.