Skip to content

Table of contents

Open Table of contents

Introducción

Creé este sitio web principalmente para mejorar mis habilidades de desarrollo web. Quería aumentar mi conocimiento sobre el desarrollo web moderno usando frameworks, y después de investigar varias opciones, decidí usar el framework Astro. Una de las razones por las que elegí Astro es porque está construido con JavaScript y TypeScript, y también quería usar este proyecto como una oportunidad para aprender más sobre TypeScript. En última instancia, mi objetivo es construir un sitio web de calidad y aprender TypeScript en el proceso.

Astro.build

https://astro.build/ El framework Astro es un framework de desarrollo web relativamente nuevo diseñado para crear sitios web de alto rendimiento que se cargan rápidamente. Una de las características clave de Astro es el uso de renderizado del lado del servidor (SSR), que permite al framework prerenderizar la mayor parte del contenido del sitio web en el servidor antes de enviarlo al cliente. Esto significa que el sitio web puede cargarse mucho más rápido porque el cliente no tiene que esperar a que el servidor genere el contenido antes de mostrarlo.

Hasta ahora he disfrutado trabajando con el framework Astro, ya que ha sido muy fácil de usar, incluso para un principiante como yo. Hace unos años, tuve la misma idea de crear un sitio web e intenté usar el framework Hugo. Sin embargo, Hugo está basado en Go, lo que hacía que trabajar con él fuera mucho más difícil, especialmente porque no tenía experiencia con Go en ese momento. Como estoy interesado en aprender JavaScript, descubrí que Astro era una opción mucho mejor para mí. Ha sido una excelente manera de aprender el lenguaje mientras construía mi sitio web.

¿Ahora qué?

He logrado que la funcionalidad básica de mi sitio web funcione. Inicialmente, usé la plantilla de sitio web astro-paper, que fue muy útil. Sin embargo, después de aproximadamente una semana de trabajo en el sitio, el framework Astro lanzó la versión 2.0, que incluía algunas características nuevas interesantes que quería incorporar. Hice algunos cambios en la plantilla para incluir las nuevas características, pero no entendía completamente cómo funcionaba todo. Como resultado, rompí deliberadamente la mayor parte y comencé a reconstruir la sección del blog desde cero. Aunque el blog es funcional ahora, todavía hay algunas características rotas que necesito arreglar. A pesar de estos desafíos, estoy descubriendo que estoy aprendiendo mucho a través de este proceso, lo cual es genial.

Lista de tareas pendientes

Todavía hay algunas cosas que necesito hacer para mejorar el sitio web antes de estar completamente satisfecho. Espero poder completar estas tareas rápidamente, para poder pasar a otros proyectos más allá de simplemente construir un sitio web simple.

  • Arreglar la página principal del sitio web.
  • Añadir contenido a la página Acerca de mí.
  • Arreglar la funcionalidad de búsqueda para las entradas del blog.
  • Eliminar todas las menciones de “Tags”.
  • Añadir una función de “nube de categorías”.
  • Crear una página de categorías adecuada.
  • Añadir soporte para múltiples idiomas.
  • Mejorar el estilo CSS.
  • Mejorar el contenido general del sitio web.