Website: serve images through a CDN (#79)

bpierre · May 19, 2021 · 3e73400 · 3e73400
1 parent bf5be15
commit 3e73400
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/website/src/Nft.tsx b/website/src/Nft.tsx
@@ -152,9 +152,23 @@ function NftDetails({ nft }: { nft?: NftMetadata }) {
         `}
       >
         {image.endsWith(".mp4") ? (
-          <LoopVideo type="video/mp4" src={image} height="280" />
+          <LoopVideo
+            type="video/mp4"
+            src={`https://ik.imagekit.io/p/${image}?tr=n-card`}
+            height="280"
+          />
         ) : (
-          image && <img src={image} height="280" alt="" />
+          image && (
+            <img
+              src={
+                image.startsWith("http")
+                  ? `https://ik.imagekit.io/p/${image}?tr=n-card`
+                  : image
+              }
+              height="280"
+              alt=""
+            />
+          )
         )}
       </div>
       <h1