diff --git a/frontend/src/pages/integrations/[id].tsx b/frontend/src/pages/integrations/[id].tsx
index 06cea5d64..143e3ad2f 100644
--- a/frontend/src/pages/integrations/[id].tsx
+++ b/frontend/src/pages/integrations/[id].tsx
@@ -4,11 +4,11 @@ import frameworkIntegrationOptions from "public/json/frameworkIntegrations.json"
 
 import { IntegrationsPage } from "@app/views/IntegrationsPage";
 
-// type Props = {
-//   frameworkIntegrations: typeof frameworkIntegrationOptions;
-// };
+type Props = {
+  frameworkIntegrations: typeof frameworkIntegrationOptions;
+};
 
-const Integration = () => {
+const Integration = ({ frameworkIntegrations }: Props) => {
   const { t } = useTranslation();
 
   return (
@@ -20,25 +20,25 @@ const Integration = () => {
         <meta property="og:title" content="Manage your .env files in seconds" />
         <meta name="og:description" content={t("integrations.description") as string} />
       </Head>
-      <IntegrationsPage frameworkIntegrations={frameworkIntegrationOptions} />
+      <IntegrationsPage frameworkIntegrations={frameworkIntegrations} />
     </>
   );
 };
 
-// export const getStaticProps = () => {
-//   return {
-//     props: {
-//       frameworkIntegrations: frameworkIntegrationOptions
-//     }
-//   };
-// };
+export const getStaticProps = () => {
+  return {
+    props: {
+      frameworkIntegrations: frameworkIntegrationOptions
+    }
+  };
+};
 
-// export const getStaticPaths = async () => {
-//   return {
-//     paths: [], // indicates that no page needs be created at build time
-//     fallback: true // indicates the type of fallback
-//   };
-// };
+export const getStaticPaths = async () => {
+  return {
+    paths: [], // indicates that no page needs be created at build time
+    fallback: "blocking" // indicates the type of fallback
+  };
+};
 
 Integration.requireAuth = true;