diff --git a/packages/homepage/src/components/Footer/index.js b/packages/homepage/src/components/Footer/index.js
index 9f015404852..d8542f6e54d 100644
--- a/packages/homepage/src/components/Footer/index.js
+++ b/packages/homepage/src/components/Footer/index.js
@@ -5,6 +5,7 @@ import Github from '../../assets/icons/github';
 import Twitter from '../../assets/icons/twitter';
 import Discord from '../../assets/icons/discord';
 import { OPEN_JOBS_COUNT } from '../../config/hiring';
+import { CHANGELOG_LOCATION } from '../../config/externalResources';
 import { FooterWrapper, Nav, Social, Title } from './elements';
 
 const footerNavElements = [
@@ -29,7 +30,8 @@ const footerNavElements = [
       },
       {
         text: 'What’s new',
-        link: '/changelog',
+        external: true,
+        link: CHANGELOG_LOCATION,
       },
     ],
   },
diff --git a/packages/homepage/src/components/Navigation/index.js b/packages/homepage/src/components/Navigation/index.js
index 3775670692e..7f441f67d69 100644
--- a/packages/homepage/src/components/Navigation/index.js
+++ b/packages/homepage/src/components/Navigation/index.js
@@ -21,6 +21,7 @@ import SearchIcon from '../../assets/icons/Search';
 import HighlightedICon from '../../assets/icons/Highlighted';
 import NewIcon from '../../assets/icons/New';
 import { OPEN_JOBS_COUNT } from '../../config/hiring';
+import { CHANGELOG_LOCATION } from '../../config/externalResources';
 import { useLogin } from '../../hooks/useLogin';
 import { JobBadge } from '../JobBadge';
 import {
@@ -356,11 +357,25 @@ const Navigation = () => {
                     },
                     {
                       Icon: () => (
-                        <Link to="/changelog">
+                        <a
+                          href={CHANGELOG_LOCATION}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          title="What's new"
+                        >
                           <NewIcon />
-                        </Link>
+                        </a>
+                      ),
+                      Label: () => (
+                        <a
+                          href={CHANGELOG_LOCATION}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          title="What's new"
+                        >
+                          What's new
+                        </a>
                       ),
-                      Label: () => <Link to="/changelog">What's new</Link>,
                     },
                   ]}
                 />
diff --git a/packages/homepage/src/config/externalResources.js b/packages/homepage/src/config/externalResources.js
new file mode 100644
index 00000000000..170e638fc1f
--- /dev/null
+++ b/packages/homepage/src/config/externalResources.js
@@ -0,0 +1 @@
+export const CHANGELOG_LOCATION = 'https://codesandbox.olvy.co/';