cloudinary support added

components/Main/Gigs/Gigs.tsx

@@ -1,5 +1,5 @@
-import Image from "next/legacy/image";
 import Link from "next/link";
+import { CldImage } from "next-cloudinary";
 import { Picture } from "components/Picture";
 import Header from "components/Header";
 import { Button } from "components/Button";
@@ -24,7 +24,7 @@ export const Gigs = ({ gigs }: Props) => {
             </Link>
             <Link href={`gigs/${gigs[0].slug}`}>
               <div className={`${styles.bottomImage} ${card.cardStyle}`}>
-                <Image
+                <CldImage
                   alt={gigs[0].frontmatter.title}
                   height={360}
                   src={gigs[0].frontmatter.pic}

components/Picture.tsx

@@ -1,4 +1,4 @@
-import Image from "next/image";
+import { CldImage } from "next-cloudinary";
 
 import { CSSProperties } from "react";
 import { blurImgUrl } from "utils";
@@ -14,7 +14,7 @@ export const Picture = ({ alt, size, src, style }: PictureProps) => {
   const css: CSSProperties = { maxWidth: "100%", height: "auto", objectFit: "contain" };
   const myStyle = { ...css, ...style };
   return (
-    <Image
+    <CldImage
       alt={alt}
       blurDataURL={blurImgUrl(size)}
       height={size}

next.config.js

@@ -27,6 +27,9 @@ const nextConfig = {
 
     return config;
   },
+  images: {
+    domains: ["res.cloudinary.com"],
+  },
 };
 
 module.exports = withPWA(nextConfig);

package.json

@@ -20,6 +20,7 @@
     "gray-matter": "^4.0.3",
     "marked": "^4.3.0",
     "next": "^13.4.4",
+    "next-cloudinary": "^4.21.0",
     "next-pwa": "^5.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

posts/premieres/lo-chi-31-8-23.mdx

@@ -26,5 +26,5 @@ The EP drops in full on September 1st, right on time for Bandcamp Friday.
 
 Pre-order/ Buy here: <HoverLink url="differentintel.bandcamp.com/album/half-cut-ep"external /> 🌱
 
-<Picture src="/premieres/54-ty-djing.jpg" alt="Lo Chi DJing" size={1200} />
+<Picture src="/premieres/54-ty-djing_huyzsn.jpg" alt="Lo Chi DJing" size={1200} />
 <p className="smallText">(Pictured: Lo Chi DJing)</p>

posts/top-ten-releases/michael-22-12-22.mdx

@@ -16,7 +16,7 @@ intro: "Plant Bass'd co-founder, Michael, shares his 2022 roundup of leftfield b
 
 <div className="row display-flex align-items-center">
 <div className="col clubGuide">
-<Picture src="/fresh-juice/17-lws-art.png" alt="LWS - Corrupt/ Brewing" size={1200} />
+<Picture src="/top-ten-releases/michael/1.jpg" alt="LWS - Corrupt/ Brewing" size={1200} />
 </div>
 <div className="col clubGuide">