Resized images

.nvmrc

@@ -1 +0,0 @@
-v14.15.0

components/cards/ArticleCard.tsx

@@ -40,7 +40,7 @@ export function ArticleCard(props: IPost): JSX.Element {
         {featureImage?.imageUrl && (
           <img
             className="object-cover cursor-pointer"
-            src={featureImage?.imageUrl}
+            src={`${featureImage?.imageUrl}?w=300`}
             alt={featureImage?.description}
           />
         )}

components/cards/ArticleCardFeature.tsx

@@ -35,7 +35,10 @@ export function ArticleCardFeature(props: IPost) {
           style={{ minHeight: '100%' }}
           className="bg-opacity-25 cursor-pointer bg-primary aspect-w-14 aspect-h-8"
         >
-          <img className="object-cover" src={featureImage?.imageUrl} />
+          <img
+            className="object-cover"
+            src={`${featureImage?.imageUrl}?w=600`}
+          />
         </div>
       </div>
 

next.config.js

@@ -24,8 +24,4 @@ const nextConfig = {
   },
 };
 
-const withTM = require('next-transpile-modules')(['react-use'], {
-  unstable_webpack5: true,
-});
-
-module.exports = withPlugins([withFonts, withSvgr, withTM], nextConfig);
+module.exports = withPlugins([withFonts, withSvgr], nextConfig);