fix: resolve not shown image problem in the home page slider

pooriaset · May 4, 2024 · a2702d6 · a2702d6
1 parent 11d3ca2
commit a2702d6
Show file tree

Hide file tree

Showing 4 changed files with 303 additions and 33 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -4,8 +4,7 @@ import nextIntlPlugin from 'next-intl/plugin';
 const withNextIntl = nextIntlPlugin('./src/i18n.ts');
 
 const nextConfig = {
-  output: 'standalone',
-  reactStrictMode: true,
+  reactStrictMode: false,
   images: {
     domains: ['via.placeholder.com'],
     remotePatterns: [

diff --git a/package.json b/package.json
@@ -31,6 +31,7 @@
     "react-dom": "^18",
     "react-hook-form": "^7.51.3",
     "react-otp-input": "^3.1.1",
+    "sharp": "^0.33.3",
     "stylis": "^4.3.1",
     "stylis-plugin-rtl": "^2.1.1",
     "swiper": "^11.1.1",
@@ -68,4 +69,4 @@
     "node": "20.12.2",
     "yarn": "4.1.1"
   }
-}
+}
diff --git a/src/components/HomePageSlider/components/SliderItem/SliderItem.tsx b/src/components/HomePageSlider/components/SliderItem/SliderItem.tsx
@@ -16,6 +16,7 @@ const SliderItem: FC<IHomePageSliderItem> = (props) => {
       }}
     >
       <Image
+        priority
         width={2800}
         height={300}
         src={props.imageUrl}