Site de photographie rapide, réactif et magnifique
Hé, c'est mon site Web de photographie personnelle que j'utilise pour annoncer mes services! J'ai eu beaucoup de plaisir à le construire!
Architecture
- Le site Web est construit à l'aide de modèles Astro, de scripts dactylographiques et de tailwindcss.
- Des forfaits simples tels que les lazysizes et la minimasonrie améliorent le chargement paresseux et l'expérience de la galerie
- Les images sont stockées et servies à l'aide d'imagekit CDN
- La page de contact envoie des e-mails transactionnels à l'aide de Brevo (précédemment SendinBlue)
- Les liens de réservation sont liés à Cal.com
- Le site est déployé sur Vercel
Caractéristiques
Cette architecture avec Astro, ImageKit et plus encore, en fait des fonctionnalités assez fantastiques.
- Les transitions Astro View font de la navigation sur le site SSR une expérience fluide
- Les transformations d'image ImageKit me permettent de glisser et de déposer des images pleine grandeur dans ImageKit, qui peuvent ensuite les servir avec une taille de correspondance de pixels exacte à l'écran en regardant la page Web
Notes
- ImageKit a un article fantastique ici sur des images et des techniques réactives sur la meilleure façon de les servir. Ce fut une immense aide pour moi lors de la mise en place d'une livraison efficace d'image.
- Si vous souhaitez copier ma configuration, mes images sont stockées dans
/portfolio/[category] à l'intérieur d'ImageKit
