Merge pull request #849 from prezly/feature/care-2257-sonys-press-cen…

…tre-landing-pages-set-to-noindexnofollow-so

[CARE-2257] Disable indexing for Vercel deployments

modules/Layout/Layout.tsx

@@ -1,4 +1,4 @@
-import { Analytics, useAnalyticsContext } from '@prezly/analytics-nextjs';
+import { Analytics } from '@prezly/analytics-nextjs';
 import { Notification, Story } from '@prezly/sdk';
 import {
     PageSeo,
@@ -34,12 +34,13 @@ const CookieConsentBar = dynamic(() => import('./CookieConsentBar'), {
     ssr: false,
 });
 
+const noIndex = process.env.VERCEL === '1';
+
 function Layout({ children, description, imageUrl, title, hasError }: PropsWithChildren<Props>) {
     const [isLoadingPage, setIsLoadingPage] = useState(false);
     const newsroom = useNewsroom();
     const story = useCurrentStory();
     const { contacts, notifications } = useNewsroomContext();
-    const { isEnabled: isAnalyticsEnabled } = useAnalyticsContext();
     const { query, pathname } = useRouter();
 
     const isSecretUrl = pathname.startsWith('/s/');
@@ -88,11 +89,11 @@ function Layout({ children, description, imageUrl, title, hasError }: PropsWithC
             <Analytics />
             <Branding newsroom={newsroom} />
             <PageSeo
+                noindex={noIndex}
+                nofollow={noIndex}
                 title={title}
                 description={description}
                 imageUrl={imageUrl}
-                noindex={!isAnalyticsEnabled}
-                nofollow={!isAnalyticsEnabled}
             />
             <NotificationsBar notifications={displayedNotifications} />
             <CookieConsentBar />

modules/Story/Story.tsx

@@ -1,4 +1,3 @@
-import { useAnalyticsContext } from '@prezly/analytics-nextjs';
 import type { ExtendedStory } from '@prezly/sdk';
 import { isEmbargoStory } from '@prezly/theme-kit-core';
 import { StorySeo } from '@prezly/theme-kit-nextjs';
@@ -22,9 +21,10 @@ type Props = {
     story: ExtendedStory;
 };
 
+const noIndex = process.env.VERCEL === '1';
+
 function Story({ story }: Props) {
     const { showDate } = useThemeSettings();
-    const { isEnabled: isAnalyticsEnabled } = useAnalyticsContext();
 
     if (!story) {
         return null;
@@ -36,7 +36,7 @@ function Story({ story }: Props) {
 
     return (
         <Layout>
-            <StorySeo story={story} noindex={!isAnalyticsEnabled} />
+            <StorySeo story={story} noindex={noIndex} />
             <article className={styles.story}>
                 <div className={styles.container}>
                     {isEmbargoStory(story) && <Embargo story={story} />}