Быстрый, отзывчивый, красивый сайт фотографии
Эй, это мой сайт личной фотографии, который я использую для рекламы своих услуг! Мне было очень весело построить это!
Архитектура
- Веб -сайт построен с использованием шаблонов Astro, TypeScript Scripts и TailIndcss.
- Простые пакеты, такие как Lazysisizes и Minimasonnry улучшают ленивую загрузку и опыт галереи
- Изображения хранятся и обслуживаются с использованием ImageKit CDN
- Страница контактов отправляет транзакционные электронные письма с использованием Brevo (ранее SendInBlue)
- Ссылки бронирования связаны с cal.com
- Сайт развернут на Vercel
Функции
Эта архитектура с Astro, ImageKit и многим другим создает довольно фантастические функции.
- Astro View Transitions делает навигацию по сайту SSR плавным опытом
- Преобразования изображений ImageKit позволяют мне перетаскивать и выбросить полноразмерные изображения в ImageKit, который затем может обслуживать их с точным размером совпадения пикселя на экране, глядя на веб -страницу
Примечания
- ImageKit имеет фантастическую рецензию здесь на адаптивных изображениях и методах о том, как лучше всего их обслуживать. Это было огромной помощью для меня при настройке эффективной доставки изображений.
- Если вы хотите скопировать мою настройку, мои изображения хранятся в
/portfolio/[category] внутри ImageKit
