From af3c7bfdaec113101c43b7025fb3f5c76bd4fb75 Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Tue, 5 Nov 2024 23:09:44 +0900
Subject: [PATCH] feat: build in static website

---
 next.config.js                                        | 10 ++++++++--
 .../Operator/OperatorDetails/DownloadDropdown.tsx     | 11 +++++------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/next.config.js b/next.config.js
index d646d9e366..9381688ff6 100644
--- a/next.config.js
+++ b/next.config.js
@@ -11,10 +11,16 @@ const withMDX = createMDX({
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  reactStrictMode: true,
+  output: 'export',
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
+
   pageExtensions: ['js', 'jsx', 'mdx', 'ts', 'tsx'],
   images: {
-    domains: ['avatars.githubusercontent.com', 'ordinal-operators.s3.amazonaws.com'],
+    // loader: 'imgix',
+    domains: ['ordinal-operators.s3.amazonaws.com'],
   },
 }
 
diff --git a/src/components/Operator/OperatorDetails/DownloadDropdown.tsx b/src/components/Operator/OperatorDetails/DownloadDropdown.tsx
index 8fe30efa89..fc0f01e255 100644
--- a/src/components/Operator/OperatorDetails/DownloadDropdown.tsx
+++ b/src/components/Operator/OperatorDetails/DownloadDropdown.tsx
@@ -1,5 +1,4 @@
 import styled from '@emotion/styled'
-import Image from 'next/image'
 import { useState } from 'react'
 
 interface Props {
@@ -29,7 +28,7 @@ const DownloadDropdown = ({ operator }: Props) => {
       <DropdownButton onClick={toggleDropdown} isOpen={isOpen}>
         <span>Download</span>
         <ChevronIconWrapper isOpen={isOpen}>
-          <Image
+          <img
             src="/assets/chevron-down.svg"
             alt="Chevron"
             width={12}
@@ -41,7 +40,7 @@ const DownloadDropdown = ({ operator }: Props) => {
         <DropdownItem href={operator?.gif} download>
           <Left>
             <Icon>
-              <Image
+              <img
                 src="/assets/download.svg"
                 alt="Download"
                 width={12}
@@ -55,7 +54,7 @@ const DownloadDropdown = ({ operator }: Props) => {
         <DropdownItem href={updateImageUrl(operator?.gif)} download>
           <Left>
             <Icon>
-              <Image
+              <img
                 src="/assets/download.svg"
                 alt="Download"
                 width={12}
@@ -69,7 +68,7 @@ const DownloadDropdown = ({ operator }: Props) => {
         <DropdownItem href={operator?.image} download>
           <Left>
             <Icon>
-              <Image
+              <img
                 src="/assets/download.svg"
                 alt="Download"
                 width={12}
@@ -83,7 +82,7 @@ const DownloadDropdown = ({ operator }: Props) => {
         <DropdownItem href={updateImageUrl(operator?.image)} download>
           <Left>
             <Icon>
-              <Image
+              <img
                 src="/assets/download.svg"
                 alt="Download"
                 width={12}