diff --git a/.changeset/fuzzy-plums-repeat.md b/.changeset/fuzzy-plums-repeat.md
new file mode 100644
index 0000000000..bec4ce73b3
--- /dev/null
+++ b/.changeset/fuzzy-plums-repeat.md
@@ -0,0 +1,5 @@
+---
+'hive': patch
+---
+
+Added directions for publishing on no schema component
diff --git a/packages/web/app/src/components/ui/code.tsx b/packages/web/app/src/components/ui/code.tsx
new file mode 100644
index 0000000000..a30ef16712
--- /dev/null
+++ b/packages/web/app/src/components/ui/code.tsx
@@ -0,0 +1,58 @@
+import { useRef, type ComponentProps, type FC } from 'react';
+import cn from 'clsx';
+import { useHover } from '@/lib/hooks/use-hover';
+import { useTimed } from '@/lib/hooks/use-timed';
+import { CheckIcon, CopyIcon } from './icon';
+
+export const Code: FC<ComponentProps<'code'>> = ({ children, className, ...props }) => {
+  const [copied, startCopyTimer] = useTimed(1500);
+  const [ref, hovering] = useHover();
+  const codeRef = useRef<HTMLElement | null>(null);
+  // in case this browser does not support this newer API...
+  const navigatorClipboardSupport = typeof navigator.clipboard?.writeText === 'function';
+  return (
+    <span
+      ref={ref}
+      className="relative flex cursor-text items-center gap-2 break-all rounded-md border border-gray-600 bg-black p-4 pr-14 font-mono text-sm"
+      // Make this element able to be focused by setting tabIndex.
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      tabIndex={0}
+      onFocus={() => {
+        if (codeRef.current) {
+          const selection = window.getSelection();
+          const range = document.createRange();
+          range.setStart(codeRef.current, 0);
+          range.setEnd(codeRef.current, codeRef.current.childNodes.length);
+          selection?.removeAllRanges();
+          selection?.addRange(range);
+        }
+      }}
+    >
+      <code
+        ref={codeRef}
+        className={cn('whitespace-pre-line', className)}
+        // always show code blocks in ltr
+        dir="ltr"
+        {...props}
+      >
+        {children}
+      </code>
+      <button
+        hidden={!navigatorClipboardSupport}
+        data-hovering={hovering || copied}
+        className="absolute right-3 top-2 cursor-pointer rounded-md border border-gray-600 p-2 opacity-0 hover:text-orange-600 data-[hovering=true]:opacity-100 data-[hovering=true]:transition-opacity"
+        onClick={async ev => {
+          const value = children?.valueOf().toString();
+          if (value) {
+            ev.preventDefault();
+            await navigator.clipboard.writeText(value);
+            startCopyTimer();
+          }
+        }}
+        title="Copy to clipboard"
+      >
+        {copied ? <CheckIcon size={16} /> : <CopyIcon size={16} />}
+      </button>
+    </span>
+  );
+};
diff --git a/packages/web/app/src/components/ui/empty-list.tsx b/packages/web/app/src/components/ui/empty-list.tsx
index 4eab0c95ee..4c24edb26e 100644
--- a/packages/web/app/src/components/ui/empty-list.tsx
+++ b/packages/web/app/src/components/ui/empty-list.tsx
@@ -1,7 +1,9 @@
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import magnifier from '../../../public/images/figures/magnifier.svg?url';
+import { ProjectType } from '@/gql/graphql';
 import { cn } from '@/lib/utils';
 import { Card } from './card';
+import { Code } from './code';
 import { DocsLink } from './docs-note';
 import { Heading } from './heading';
 
@@ -10,15 +12,17 @@ export const EmptyList = ({
   description,
   docsUrl,
   className,
+  children,
 }: {
   title: string;
   description: string;
   docsUrl?: string | null;
+  children?: ReactNode | null;
   className?: string;
 }): ReactElement => {
   return (
     <Card
-      className={cn('flex grow cursor-default flex-col items-center gap-y-2 py-4', className)}
+      className={cn('flex grow cursor-default flex-col items-center gap-y-2 p-4', className)}
       data-cy="empty-list"
     >
       <img
@@ -30,6 +34,7 @@ export const EmptyList = ({
       />
       <Heading className="text-center">{title}</Heading>
       <span className="text-center text-sm font-medium text-gray-500">{description}</span>
+      {children}
       {docsUrl && <DocsLink href={docsUrl}>Read about it in the documentation</DocsLink>}
     </Card>
   );
@@ -43,13 +48,61 @@ export const noSchema = (
   />
 );
 
-export const noSchemaVersion = (
-  <EmptyList
-    title="Hive is waiting for your first schema"
-    description="You can publish a schema with Hive CLI and Hive Client"
-    docsUrl="/features/schema-registry#publish-a-schema"
-  />
-);
+export const NoSchemaVersion = ({
+  projectType = null,
+  recommendedAction = 'none',
+}: {
+  projectType: ProjectType | null;
+  recommendedAction: 'publish' | 'check' | 'none';
+}): ReactElement => {
+  let children: ReactElement | null = null;
+  if (recommendedAction !== 'none') {
+    const isDistributed =
+      projectType === ProjectType.Federation || projectType === ProjectType.Stitching;
+
+    if (recommendedAction === 'check') {
+      children = (
+        <>
+          <div className="flex w-full justify-center py-2 text-xs text-gray-500">
+            It's recommended to check that the schema is valid and compatible with the state of the
+            registry before publishing.
+          </div>
+          <div className="flex w-full justify-center">
+            <Code>
+              {`hive schema:check ${isDistributed ? '--service <service-name> --url <url> ' : ''} --target "<org>/<project>/<target>" <path/schema.graphql>`}
+            </Code>
+          </div>
+        </>
+      );
+    } else if (recommendedAction === 'publish') {
+      children = (
+        <>
+          {isDistributed && (
+            <div className="flex w-full justify-center py-2 text-xs text-gray-500">
+              For distributed systems, it's recommended to publish the schema after the service is
+              deployed.
+            </div>
+          )}
+          <div className="flex w-full justify-center">
+            <Code>
+              {`hive schema:publish ${isDistributed ? '--service <service-name> --url <url> ' : ''} --target "<org>/<project>/<target>" <path/schema.graphql>`}
+            </Code>
+          </div>
+        </>
+      );
+    }
+  }
+
+  return (
+    <EmptyList
+      title="Hive is waiting for your first schema"
+      description="You can publish a schema with Hive CLI and Hive Client"
+      docsUrl="/features/schema-registry#publish-a-schema"
+    >
+      {children}
+    </EmptyList>
+  );
+};
 
 export const noValidSchemaVersion = (
   <EmptyList
diff --git a/packages/web/app/src/components/ui/icon.tsx b/packages/web/app/src/components/ui/icon.tsx
index 7cd76d6302..b94ad81f4a 100644
--- a/packages/web/app/src/components/ui/icon.tsx
+++ b/packages/web/app/src/components/ui/icon.tsx
@@ -231,11 +231,11 @@ export const ArrowDownIcon = ({ className }: IconProps): ReactElement => (
   </svg>
 );
 
-export const CheckIcon = ({ className }: IconProps): ReactElement => (
+export const CheckIcon = ({ className, size }: IconProps & { size?: number }): ReactElement => (
   <svg
     viewBox="0 0 24 24"
-    width="24"
-    height="24"
+    width={size ?? 24}
+    height={size ?? 24}
     stroke="currentColor"
     xmlns="http://www.w3.org/2000/svg"
     className={className}
diff --git a/packages/web/app/src/lib/hooks/use-hover.ts b/packages/web/app/src/lib/hooks/use-hover.ts
new file mode 100644
index 0000000000..65026742e8
--- /dev/null
+++ b/packages/web/app/src/lib/hooks/use-hover.ts
@@ -0,0 +1,33 @@
+import { useCallback, useRef, useState } from 'react';
+
+export function useHover() {
+  const [hovering, setHovering] = useState(false);
+  const previousNode = useRef<Node | null>(null);
+
+  const handleMouseEnter = useCallback(() => {
+    setHovering(true);
+  }, []);
+
+  const handleMouseLeave = useCallback(() => {
+    setHovering(false);
+  }, []);
+
+  const customRef = useCallback(
+    (node: HTMLElement) => {
+      if (previousNode.current?.nodeType === Node.ELEMENT_NODE) {
+        previousNode.current.removeEventListener('mouseenter', handleMouseEnter);
+        previousNode.current.removeEventListener('mouseleave', handleMouseLeave);
+      }
+
+      if (node?.nodeType === Node.ELEMENT_NODE) {
+        node.addEventListener('mouseenter', handleMouseEnter);
+        node.addEventListener('mouseleave', handleMouseLeave);
+      }
+
+      previousNode.current = node;
+    },
+    [handleMouseEnter, handleMouseLeave],
+  );
+
+  return [customRef, hovering] as const;
+}
diff --git a/packages/web/app/src/lib/hooks/use-timed.ts b/packages/web/app/src/lib/hooks/use-timed.ts
new file mode 100644
index 0000000000..c8ea243c13
--- /dev/null
+++ b/packages/web/app/src/lib/hooks/use-timed.ts
@@ -0,0 +1,24 @@
+import { useEffect, useState } from 'react';
+
+export function useTimed(wait: number = 1000) {
+  const [timer, setTimer] = useState<NodeJS.Timeout | null>(null);
+  useEffect(() => {
+    return () => {
+      if (timer) {
+        clearTimeout(timer);
+      }
+    };
+  }, [timer]);
+
+  const handler = () => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+    setTimer(
+      setTimeout(() => {
+        setTimer(null);
+      }, wait),
+    );
+  };
+  return [timer !== null, handler] as const;
+}
diff --git a/packages/web/app/src/pages/target-apps.tsx b/packages/web/app/src/pages/target-apps.tsx
index 291243581a..40cfc5b712 100644
--- a/packages/web/app/src/pages/target-apps.tsx
+++ b/packages/web/app/src/pages/target-apps.tsx
@@ -6,7 +6,7 @@ import { Page, TargetLayout } from '@/components/layouts/target';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { CardDescription } from '@/components/ui/card';
-import { EmptyList, noSchemaVersion } from '@/components/ui/empty-list';
+import { EmptyList, NoSchemaVersion } from '@/components/ui/empty-list';
 import { Meta } from '@/components/ui/meta';
 import { SubPageLayoutHeader } from '@/components/ui/page-content-layout';
 import { QueryError } from '@/components/ui/query-error';
@@ -61,6 +61,10 @@ const TargetAppsViewQuery = graphql(`
         id
         __typename
       }
+      project {
+        id
+        type
+      }
       viewerCanViewAppDeployments
       appDeployments(first: 20, after: $after) {
         pageInfo {
@@ -254,7 +258,10 @@ function TargetAppsView(props: {
           </div>
         </div>
       ) : !data.data?.target?.latestSchemaVersion ? (
-        noSchemaVersion
+        <NoSchemaVersion
+          recommendedAction="publish"
+          projectType={data.data?.target?.project?.type ?? null}
+        />
       ) : !data.data.target.appDeployments ? (
         <EmptyList
           title="Hive is waiting for your first app deployment"
diff --git a/packages/web/app/src/pages/target-checks.tsx b/packages/web/app/src/pages/target-checks.tsx
index 395651b418..8b59c1d6a5 100644
--- a/packages/web/app/src/pages/target-checks.tsx
+++ b/packages/web/app/src/pages/target-checks.tsx
@@ -4,7 +4,7 @@ import { Page, TargetLayout } from '@/components/layouts/target';
 import { BadgeRounded } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { DocsLink } from '@/components/ui/docs-note';
-import { EmptyList } from '@/components/ui/empty-list';
+import { EmptyList, NoSchemaVersion } from '@/components/ui/empty-list';
 import { Label } from '@/components/ui/label';
 import { Meta } from '@/components/ui/meta';
 import { Subtitle, Title } from '@/components/ui/page';
@@ -196,6 +196,10 @@ const ChecksPageQuery = graphql(`
       }
     ) {
       id
+      project {
+        id
+        type
+      }
       schemaChecks(first: 1) {
         edges {
           node {
@@ -359,7 +363,14 @@ function ChecksPageContent(props: {
         ) : (
           <div>
             <div className="cursor-default text-sm">
-              {hasActiveSchemaCheck ? 'List is empty' : 'Your schema check list is empty'}
+              {hasActiveSchemaCheck ? (
+                'List is empty'
+              ) : (
+                <NoSchemaVersion
+                  projectType={query.data?.target?.project.type ?? null}
+                  recommendedAction="check"
+                />
+              )}
             </div>
             <DocsLink href="/features/schema-registry#check-a-schema">
               {hasActiveSchemaCheck
diff --git a/packages/web/app/src/pages/target-explorer-deprecated.tsx b/packages/web/app/src/pages/target-explorer-deprecated.tsx
index 00fe9ef162..c8ea236049 100644
--- a/packages/web/app/src/pages/target-explorer-deprecated.tsx
+++ b/packages/web/app/src/pages/target-explorer-deprecated.tsx
@@ -7,7 +7,7 @@ import { SchemaExplorerProvider } from '@/components/target/explorer/provider';
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
 import { Button } from '@/components/ui/button';
 import { DateRangePicker, presetLast7Days } from '@/components/ui/date-range-picker';
-import { noSchemaVersion } from '@/components/ui/empty-list';
+import { NoSchemaVersion } from '@/components/ui/empty-list';
 import { Link } from '@/components/ui/link';
 import { Meta } from '@/components/ui/meta';
 import { Subtitle, Title } from '@/components/ui/page';
@@ -165,6 +165,10 @@ const DeprecatedSchemaExplorer_DeprecatedSchemaQuery = graphql(`
         targetSlug: $targetSlug
       }
     ) {
+      project {
+        id
+        type
+      }
       id
       slug
       latestSchemaVersion {
@@ -303,7 +307,10 @@ function DeprecatedSchemaExplorer(props: {
               />
             </>
           ) : (
-            noSchemaVersion
+            <NoSchemaVersion
+              recommendedAction="publish"
+              projectType={query.data?.target?.project?.type ?? null}
+            />
           )}
         </>
       )}
diff --git a/packages/web/app/src/pages/target-explorer-type.tsx b/packages/web/app/src/pages/target-explorer-type.tsx
index 6f0e060c6d..7e7343c4cd 100644
--- a/packages/web/app/src/pages/target-explorer-type.tsx
+++ b/packages/web/app/src/pages/target-explorer-type.tsx
@@ -19,7 +19,7 @@ import {
 } from '@/components/target/explorer/provider';
 import { GraphQLScalarTypeComponent } from '@/components/target/explorer/scalar-type';
 import { GraphQLUnionTypeComponent } from '@/components/target/explorer/union-type';
-import { noSchemaVersion } from '@/components/ui/empty-list';
+import { NoSchemaVersion } from '@/components/ui/empty-list';
 import { Meta } from '@/components/ui/meta';
 import { Subtitle, Title } from '@/components/ui/page';
 import { QueryError } from '@/components/ui/query-error';
@@ -162,6 +162,10 @@ const TargetExplorerTypenamePageQuery = graphql(`
           }
         }
       }
+      project {
+        id
+        type
+      }
     }
     operationsStats(
       selector: {
@@ -263,7 +267,10 @@ function TypeExplorerPageContent(props: {
           styleDeprecated
         />
       ) : type ? (
-        noSchemaVersion
+        <NoSchemaVersion
+          recommendedAction="publish"
+          projectType={query.data?.target?.project?.type ?? null}
+        />
       ) : (
         <div>Not found</div>
       )}
diff --git a/packages/web/app/src/pages/target-explorer-unused.tsx b/packages/web/app/src/pages/target-explorer-unused.tsx
index 07f66d29d7..37d5eafce5 100644
--- a/packages/web/app/src/pages/target-explorer-unused.tsx
+++ b/packages/web/app/src/pages/target-explorer-unused.tsx
@@ -6,7 +6,7 @@ import { SchemaVariantFilter } from '@/components/target/explorer/filter';
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
 import { Button } from '@/components/ui/button';
 import { DateRangePicker, presetLast7Days } from '@/components/ui/date-range-picker';
-import { EmptyList, noSchemaVersion } from '@/components/ui/empty-list';
+import { EmptyList, NoSchemaVersion } from '@/components/ui/empty-list';
 import { Link } from '@/components/ui/link';
 import { Meta } from '@/components/ui/meta';
 import { Subtitle, Title } from '@/components/ui/page';
@@ -237,6 +237,10 @@ const UnusedSchemaExplorer_UnusedSchemaQuery = graphql(`
           ...UnusedSchemaView_UnusedSchemaExplorerFragment
         }
       }
+      project {
+        id
+        type
+      }
     }
     operationsStats(
       selector: {
@@ -355,7 +359,10 @@ function UnusedSchemaExplorer(props: {
               />
             </>
           ) : (
-            noSchemaVersion
+            <NoSchemaVersion
+              recommendedAction="publish"
+              projectType={query.data?.target?.project.type ?? null}
+            />
           )}
         </>
       )}
diff --git a/packages/web/app/src/pages/target-explorer.tsx b/packages/web/app/src/pages/target-explorer.tsx
index 9e6b1cabc0..857a1b0351 100644
--- a/packages/web/app/src/pages/target-explorer.tsx
+++ b/packages/web/app/src/pages/target-explorer.tsx
@@ -16,7 +16,7 @@ import {
   useSchemaExplorerContext,
 } from '@/components/target/explorer/provider';
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
-import { noSchemaVersion, noValidSchemaVersion } from '@/components/ui/empty-list';
+import { NoSchemaVersion, noValidSchemaVersion } from '@/components/ui/empty-list';
 import { Meta } from '@/components/ui/meta';
 import { Subtitle, Title } from '@/components/ui/page';
 import { QueryError } from '@/components/ui/query-error';
@@ -135,6 +135,10 @@ const TargetExplorerPageQuery = graphql(`
           ...ExplorerPage_SchemaExplorerFragment
         }
       }
+      project {
+        id
+        type
+      }
     }
     operationsStats(
       selector: {
@@ -269,7 +273,10 @@ function ExplorerPageContent(props: {
           ) : latestSchemaVersion ? (
             noValidSchemaVersion
           ) : (
-            noSchemaVersion
+            <NoSchemaVersion
+              projectType={query.data?.target?.project.type ?? null}
+              recommendedAction="publish"
+            />
           )}
         </>
       )}
diff --git a/packages/web/app/src/pages/target-history.tsx b/packages/web/app/src/pages/target-history.tsx
index bca7b936ed..90e71a6d0c 100644
--- a/packages/web/app/src/pages/target-history.tsx
+++ b/packages/web/app/src/pages/target-history.tsx
@@ -3,7 +3,7 @@ import { useQuery } from 'urql';
 import { Page, TargetLayout } from '@/components/layouts/target';
 import { BadgeRounded } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
-import { noSchemaVersion } from '@/components/ui/empty-list';
+import { NoSchemaVersion } from '@/components/ui/empty-list';
 import { Meta } from '@/components/ui/meta';
 import { Subtitle, Title } from '@/components/ui/page';
 import { QueryError } from '@/components/ui/query-error';
@@ -176,6 +176,10 @@ const TargetHistoryPageQuery = graphql(`
         targetSlug: $targetSlug
       }
     ) {
+      project {
+        id
+        type
+      }
       id
       latestSchemaVersion {
         id
@@ -268,7 +272,12 @@ function HistoryPageContent(props: {
         <Title>Versions</Title>
         <Subtitle>Recently published schemas.</Subtitle>
       </div>
-      {query.fetching ? null : noSchemaVersion}
+      {query.fetching ? null : (
+        <NoSchemaVersion
+          recommendedAction="publish"
+          projectType={query.data?.target?.project.type ?? null}
+        />
+      )}
     </div>
   );
 }
diff --git a/packages/web/app/src/pages/target.tsx b/packages/web/app/src/pages/target.tsx
index b92b055a38..b43a3fb6c1 100644
--- a/packages/web/app/src/pages/target.tsx
+++ b/packages/web/app/src/pages/target.tsx
@@ -10,7 +10,7 @@ import {
   CommandInput,
   CommandItem,
 } from '@/components/ui/command';
-import { EmptyList, noSchema, noSchemaVersion } from '@/components/ui/empty-list';
+import { EmptyList, noSchema, NoSchemaVersion } from '@/components/ui/empty-list';
 import { Meta } from '@/components/ui/meta';
 import { Subtitle, Title } from '@/components/ui/page';
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
@@ -169,7 +169,7 @@ function SchemaView(props: {
 
   const { latestSchemaVersion } = target;
   if (!latestSchemaVersion) {
-    return noSchemaVersion;
+    return <NoSchemaVersion recommendedAction="publish" projectType={project.type} />;
   }
 
   if (!latestSchemaVersion.schemas.nodes.length) {