diff --git a/next.config.js b/next.config.js
index 3b9750f83..ad9405f31 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,5 +1,19 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  async redirects() {
+    return [
+      {
+        source: '/slack',
+        destination: 'https://join.slack.com/t/json-schema/shared_invite/zt-2ued3v79g-Tk_aI32ZdW~ST0EWpGBwNQ',
+        permanent: false,
+      },
+      {
+        source: '/slack-redirect',
+        destination: 'https://join.slack.com/t/json-schema/shared_invite/zt-2ued3v79g-Tk_aI32ZdW~ST0EWpGBwNQ',
+        permanent: false,
+      }
+    ];
+  },
   reactStrictMode: true,
   output: 'export',
   pageExtensions: ['page.tsx'],
diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 2aa976a8a..140831bec 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -164,12 +164,14 @@ const Home = (props: any) => {
               >
                 Getting started
               </Link>
-              <Link
-                href='/slack'
-                className='flex items-center justify-center rounded border-2 border-white dark:border-none hover:bg-blue-700 transition-all duration-300 ease-in-out text-white  w-[194px] h-[40px] font-semibold bg-primary dark:shadow-2xl'
+              <a
+                href="/slack"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="flex items-center justify-center rounded border-2 border-white dark:border-none hover:bg-blue-700 transition-all duration-300 ease-in-out text-white w-[194px] h-[40px] font-semibold bg-primary dark:shadow-2xl"
               >
                 Join Slack
-              </Link>
+              </a>
               <AlgoliaSearch />
             </div>