MyDiess — sitio web
Sitio público de MyDiess, la app para parejas (iOS): landing page,
soporte y las páginas legales que App Store exige para publicar la app.
Hecho con Astro (HTML estático, sin JavaScript de
framework) y un sistema de diseño inspirado en apple.com: tipografía SF,
grises neutros, botones tipo píldora y secciones alternadas claras/oscuras.
Páginas
| Ruta | Contenido |
|---|
/ | Landing: funciones, diario y mapa, Lovebox, garabato en vivo, widgets, privacidad y cómo empezar |
/soporte | Centro de ayuda con buscador y preguntas frecuentes |
/privacidad | Política de privacidad (URL obligatoria para App Store) |
/terminos | Términos de uso |
/eliminar-cuenta | Cómo eliminar la cuenta (obligatorio para App Store) |
/404 | Página de error |
Desarrollo
npm install
npm run dev # http://localhost:4321
npm run build # genera dist/
npm run preview # sirve dist/ localmente
Despliegue en Vercel
El repo ya trae vercel.json (framework Astro, cleanUrls, cabeceras de
seguridad y caché de imágenes), así que no hay que configurar nada a mano:
- En vercel.com → Add New… → Project.
- Importa el repositorio
1234566778899/mydiess.
- Deja Root Directory en
./ y las opciones que detecta solas
(Framework: Astro · Build: astro build · Output: dist).
- Deploy.
- Publicado en https://diess.site (dominio de Namecheap: registro A
@ y CNAME www hacia Vercel; www redirige con 308 a la raíz).
https://mydiess.vercel.app sigue funcionando (la app lo enlaza).
Si cambia el dominio, actualiza site en astro.config.mjs, url en
src/config/site.ts, public/robots.txt y public/sitemap.xml.
Cada push a main publica una versión nueva.
⚠️ Antes de publicar: datos pendientes
Los valores reales no se inventaron. Edita src/config/site.ts y
reemplaza todo lo marcado con PENDIENTE:
appStoreUrl — enlace de la app (existe al publicarla en App Store).supportEmail y privacyEmail — correos reales que alguien revise.legalName — nombre legal de la persona o empresa responsable.jurisdiction — país cuyas leyes rigen los términos.legalUpdatedAt — fecha de la última revisión de los documentos legales.
También en src/layouts/BaseLayout.astro hay un comentario para activar el
banner de App Store (apple-itunes-app) cuando exista el ID de la app.
Los textos legales describen cómo funciona la app hoy (qué datos se
guardan, qué proveedores se usan, qué permisos se piden), pero no son
asesoría legal. Conviene que los revise un abogado antes de publicar.
Recursos
Las capturas de public/screens/ se generan desde la app real con
scripts/capture-onboarding-screenshots.sh y el modo demo del proyecto iOS
(ver CLAUDE.md del repo de la app). Si cambia el diseño de una pantalla,
vuelve a generarlas y reemplázalas aquí.
