ToolZone

ToolZone es un repositorio de herramientas gratuitas que pueden utilizarse directamente desde el navegador. Se trata de un proyecto exclusivamente frontend, lo que significa que todas las herramientas y su lógica están desarrolladas utilizando únicamente tecnologías del lado del cliente para resolver distintos problemas cotidianos.

Las herramientas se organizan en diversas categorías, como por ejemplo fitness, conversión de unidades de distancia, entre otras, con el objetivo de facilitar su descubrimiento y uso.

Desarrollo

Uno de los objetivos principales del proyecto es que sea SEO-friendly, permitiendo que las herramientas puedan llegar al mayor número de personas y posicionarse adecuadamente en los motores de búsqueda. Para lograrlo, es recomendable utilizar estrategias como Server Side Rendering (SSR) o Static Site Generation (SSG).

En este contexto, Astro es uno de los frameworks de JavaScript más adecuados para generar este tipo de sitios optimizados para SEO. Dado que ToolZone es un proyecto completamente frontend, se decidió implementar Static Site Generation, aprovechando las capacidades que Astro ofrece para generar sitios rápidos, ligeros y altamente optimizados.

Considerando que estas herramientas pueden ser utilizadas por personas de diferentes países, el idioma podría representar una barrera de acceso. Por esta razón, el proyecto incorpora soporte de internacionalización mediante i18next, lo que permite ofrecer la interfaz en múltiples idiomas. Actualmente, el sitio está disponible en inglés y español.

Finalmente, en la mayoría de mis proyectos anteriores he utilizado Flowbite como biblioteca de componentes. En esta ocasión quise experimentar con una alternativa diferente, y una de las opciones que más me llamó la atención fue shadcn/ui, debido a su amplio catálogo de componentes, su estética minimalista y moderna, y su excelente integración con Tailwind CSS.

Además, shadcn/ui se integra fácilmente con React, lo que permite utilizar sus componentes dentro de Astro sin dificultades.