高速で応答性の高い、美しい写真撮影のウェブサイト
ねえ、これは私のサービスを宣伝するために使用する私の個人的な写真のウェブサイトです！私はそれを作るのがとても楽しかったです！
建築
- このWebサイトは、Astroテンプレート、TypeScriptスクリプト、TailWindCSSを使用して構築されています。
- LazysizeやMinimAsonryなどのシンプルなパッケージは、怠zyなロードとギャラリーエクスペリエンスを改善します
- 画像は保存され、ImageKitCDNを使用して提供されます
- 連絡先ページは、Brevo（以前はsendinblue）を使用してトランザクションメールを送信します
- 予約リンクはcal.comにリンクされています
- サイトはVercelに展開されています
特徴
Astro、ImageKitなどのこのアーキテクチャは、かなり素晴らしい機能になります。
- アストロビューの遷移により、SSRサイトのナビゲートがスムーズな体験になります
- ImageKitの画像変換により、フルサイズの画像をImageKitにドラッグアンドドロップすることができます。イメージキットは、Webページを見て画面に正確なピクセルマッチサイズでそれらを提供できます。
メモ
- ImageKitには、応答性の高い画像とそれらに最適なサービス方法に関するテクニックに関する素晴らしい記事があります。これは、効率的な画像配信を設定する際の私にとって大きな助けでした。
- 私のセットアップをコピーしたい場合、私の画像は
/portfolio/[category]内側のImageKitに保存されています
