Volver a Proyectos

Crochet CasRey

Sitio web y panel de administración para el emprendimiento de crochet hecho a mano de una amiga en Honduras. Catálogo de tienda, patrones y tutoriales gratuitos, y pedidos por WhatsApp, construido sobre un stack moderno y muy rápido: Bun, Next.js 16 con React Compiler, TypeScript 7 y Supabase.

Tecnologías

Next.js 16
React 19
TypeScript
Supabase
Tailwind CSS
Bun

Crochet CasRey es un emprendimiento de crochet hecho a mano de Honduras: amigurumis, flores eternas, bolsos y regalos personalizados. Construí su sitio web de punta a punta para que la dueña pueda manejar la tienda por su cuenta. Los visitantes recorren el catálogo por categoría, leen patrones gratuitos y lecciones paso a paso, y hacen pedidos por WhatsApp, mientras un panel de administración privado le permite publicar productos, subir fotos y escribir artículos sin tocar código. El stack está elegido por velocidad: Bun para instalaciones y scripts, Next.js 16 con Turbopack y React Compiler sobre React 19, el compilador nativo de TypeScript 7, Oxlint para linting, Tailwind CSS v4 y Turborepo cacheando lint, typecheck y build para que los deploys sin cambios en Vercel se restauren al instante. El contenido y las imágenes viven en Supabase (Postgres, Auth y Storage).

Características

  • 1Catálogo de tienda agrupado por categoría, con galerías paginadas y páginas de detalle por producto
  • 2Secciones de Patrones y Aprende con artículos gestionados desde el panel de administración
  • 3Panel de administración privado con Supabase Auth para publicar productos, subir imágenes y escribir artículos
  • 4Almacenamiento de imágenes en Supabase Storage, servidas con imágenes optimizadas de Next.js
  • 5Pedidos y encargos personalizados dirigidos directo a WhatsApp
  • 6SEO y visibilidad en IA: JSON-LD, sitemap, robots, imágenes Open Graph dinámicas y un mapa llms.txt del sitio
  • 7Lint, typecheck y build cacheados con Turborepo en Vercel, para que los deploys sin cambios se salten el rebuild

Desafíos

La dueña no es técnica, así que el sitio debía poder administrarse por completo desde un panel simple, sin dejar de ser rápido y fácil de encontrar en buscadores y asistentes de IA. Combinar páginas renderizadas en el servidor con contenido en Supabase permitió editar el catálogo sin código, y un toolchain basado en Bun, React Compiler, TypeScript 7 y Oxlint mantiene el feedback y los builds casi instantáneos.