Crea tu web con Astro, Sanity y EmDash

Una buena web no tiene por qué empezar con un gran presupuesto. Para una pequeña empresa, el primer paso puede ser una página de inicio clara, una presentación sencilla de sus servicios y una forma visible de contactar.

Astro es una de las tecnologías con las que más me gusta trabajar. Me permite empezar de forma sencilla, controlar el diseño y ampliar la web cuando crecen las necesidades. Aquí explico cómo utilizar una plantilla gratuita como punto de partida para tu marca y qué valorar antes de añadir un gestor de contenidos.

¿Qué es Astro?

Astro es un framework para crear sitios web, especialmente aquellos donde el contenido es lo principal. Puede entregar HTML ya generado y añadir interactividad donde se necesita. Para una web corporativa, un blog o una página de servicios, ofrece una buena base para una experiencia ligera y rápida. Las imágenes, las integraciones y el código que añadas también influyen en el resultado.

Astro no es un constructor visual de webs listo para usar. Necesitas abrir un proyecto, utilizar algunos comandos en la terminal y editar texto y código. Puedes aprenderlo paso a paso, pero una plantilla no hace todo el trabajo.

Empieza con una plantilla gratuita

El catálogo de temas de Astro incluye opciones gratuitas para distintos tipos de web. Elige según la estructura que necesitas: ¿hay espacio para servicios, proyectos, datos de contacto y artículos? Una estructura adecuada suele ahorrar más trabajo que unas animaciones llamativas.

Para la demostración prevista utilizaremos AstroWind. Antes de grabar, elegiremos una versión concreta y seguiremos su README. Los nombres de archivo y los requisitos de instalación pueden cambiar. Lee la licencia, conserva los avisos obligatorios del proyecto y comprueba los derechos de las imágenes y otros archivos.

Clonar una plantilla significa obtener una copia del código del proyecto. No significa copiar la web, las imágenes o las historias de clientes de otra empresa. La demostración prevista utiliza una constructora ficticia para mostrar el proceso sin presentar proyectos inventados como referencias reales.

De la descarga a la vista previa local

Necesitas Git, un editor de código y una versión de Node.js compatible con la plantilla. Descarga el proyecto desde su repositorio, instala las dependencias siguiendo el README e inicia el servidor de desarrollo. La web funcionará en tu ordenador. Todavía no estará publicada en internet.

El vídeo previsto mostrará los comandos y el resultado en el navegador. La espera durante la instalación puede acortarse en la edición, manteniendo visibles las acciones importantes. También anotaremos la versión utilizada para facilitar el seguimiento del tutorial.

Adapta la plantilla a tu marca

Empieza por el mensaje. El visitante debe entender qué ofreces, a quién ayudas y qué puede hacer después. «Construimos el futuro» dice poco por sí solo. «Reformas y rehabilitación para propietarios de viviendas en Oslo» es más concreto, si describe realmente la actividad.

Después cambia el nombre, el logotipo y el favicon. Elige un color principal y otro con buen contraste para los botones. Utiliza pocas tipografías y comprueba que el texto se lea bien en el móvil. El logotipo no tiene que dominar para que la web tenga identidad propia.

Sustituye el contenido de demostración por tus servicios e imágenes que puedas utilizar. Elimina las secciones innecesarias. No conserves testimonios, cifras de proyectos o certificaciones ficticias porque vengan con la plantilla. Una web breve y honesta es un mejor punto de partida que una extensa basada en credibilidad prestada.

Termina con la navegación, los datos de contacto, los títulos de página y la imagen para compartir en redes. Comprueba el destino de los botones. Un formulario necesita una solución que reciba y gestione los envíos; que tenga buen aspecto no demuestra que los mensajes lleguen.

¿Sanity, EmDash o ningún CMS?

Un CMS es un sistema de gestión de contenidos. Si apenas modificas unas pocas páginas y trabajas cómodamente con los archivos del proyecto, puedes empezar sin él. El contenido puede guardarse en archivos Astro o de texto dentro del proyecto.

Sanity ofrece un sistema de contenidos separado con un entorno de edición personalizable. Astro obtiene el contenido mediante la integración. Puede encajar cuando varias personas editan servicios, proyectos o artículos, o cuando el contenido se reutiliza en distintos lugares. Hay que conectar los campos con las plantillas: instalarlo no convierte automáticamente toda la web en editable.

EmDash es un CMS de código abierto que funciona como parte de la aplicación Astro, con administración, contenido almacenado en una base de datos y biblioteca multimedia. Dispone de plantillas de inicio propias. También hay que contemplar la base de datos, el almacenamiento multimedia y el entorno de servidor. Subir únicamente archivos estáticos no completa la instalación.

La elección empieza por quién actualizará la web. ¿Prefieres editar unos textos en el editor de código o necesitas un panel de administración? Elige según esa necesidad. El primer vídeo previsto personaliza la plantilla sin CMS y presenta Sanity y EmDash como posibles pasos posteriores.

Una plantilla gratuita no significa que todo sea gratis

Elegir una plantilla gratuita elimina el precio de compra de la propia plantilla. Puede seguir habiendo costes de dominio, alojamiento, correo, formularios, contenido y mantenimiento. Con un CMS, también debes valorar los límites de uso y las necesidades de funcionamiento. Compara el conjunto, no solo la palabra «gratis».

Tu tiempo suele ser la principal inversión inicial. Tendrás que aprender las herramientas, escribir el contenido y comprobar que todo funciona. Puede ser una buena inversión cuando el presupuesto es reducido y las necesidades son manejables.

Qué revisar antes de publicar

Abre la web en móvil y ordenador. Revisa el menú, los botones, la legibilidad y las imágenes. Prueba el contacto desde el envío hasta la recepción. Elimina los enlaces de demostración y revisa títulos y descripciones. Ejecuta las comprobaciones del proyecto y la compilación de producción antes de conectar el dominio.

Cuándo merece la pena pedir ayuda

Hacerlo tú mismo puede bastar para una web corporativa sencilla. Las reservas, los pagos, las candidaturas con CV, los datos de clientes y las integraciones aumentan la complejidad. Entonces también importan el flujo de datos, los permisos y el funcionamiento continuado.

No tienes que elegir entre hacerlo absolutamente todo solo y contratar una solución completa desde el primer día. Puedes empezar con una plantilla y pedir ayuda para una parte concreta: revisar el diseño, configurar el CMS, conectar el formulario o publicar.

Mi consejo es empezar con una web pequeña que puedas mantener actualizada. Utiliza Astro para aprender, probar tu idea y construir una buena base.

Kodemagisk: especialistas en Astro, Sanity y EmDash

En Kodemagisk somos especialistas en Astro, Sanity y EmDash. Ayudamos a las empresas con el diseño web, la adaptación a su marca, los modelos de contenido y la integración del CMS. Tanto si partes de una plantilla gratuita como si buscas una web a medida, te ayudamos a elegir una solución acorde con tu negocio y presupuesto.

Cuéntanos qué quieres crear. Podemos ayudarte con una parte concreta del proyecto o planificar juntos la web completa.