diff --git a/next.config.js b/next.config.js
index 658404a..bd23e43 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,4 +1,9 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  reactStrictMode: true,
+  swcMinify: true,
+  images: {
+    domains: ["aulianza.s3.ap-southeast-1.amazonaws.com"],
+  },
+};
 
 module.exports = nextConfig;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 278ce9a..873b4ee 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,10 +1,15 @@
+import dynamic from "next/dynamic";
+
 import PageWrapper from "@/common/components/PageWrapper";
-import Home from "@/modules/homepage";
+
+const DynamicContent = dynamic(() => import("@/modules/homepage"), {
+  loading: () => <p>Loading...</p>,
+});
 
 export default function HomePage() {
   return (
     <PageWrapper>
-      <Home />
+      <DynamicContent />
     </PageWrapper>
   );
 }