diff --git a/ui/app/peers/page.tsx b/ui/app/peers/page.tsx
index d7812e54c0..2170712950 100644
--- a/ui/app/peers/page.tsx
+++ b/ui/app/peers/page.tsx
@@ -39,6 +39,10 @@ export default function Peers() {
         >
           Peers
         </Header>
+        <Label>
+          Peers represent a data store. Once you have a couple of peers, you can
+          start moving data between them through mirrors.
+        </Label>
       </Panel>
       <Panel>
         {isLoading && (
@@ -46,12 +50,61 @@ export default function Peers() {
             <ProgressCircle variant='determinate_progress_circle' />
           </div>
         )}
-        {!isLoading && (
-          <PeersTable
-            title='All peers'
-            peers={peers.map((peer: any) => peer)}
-          />
-        )}
+        {!isLoading &&
+          (peers && peers.length == 0 ? (
+            <div
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+                columnGap: '1rem',
+              }}
+            >
+              <Button
+                as={Link}
+                href={'/peers/create'}
+                style={{
+                  width: 'fit-content',
+                  boxShadow: '0px 2px 2px rgba(0,0,0,0.1)',
+                }}
+                variant='normalSolid'
+              >
+                <div
+                  style={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    whiteSpace: 'nowrap',
+                  }}
+                >
+                  <Icon name='add' />
+                  <Label>Add your first peer</Label>
+                </div>
+              </Button>
+
+              <Button
+                as={Link}
+                href={'https://docs.peerdb.io/features/supported-connectors'}
+                target={'_blank'}
+                style={{
+                  width: 'fit-content',
+                  boxShadow: '0px 2px 2px rgba(0,0,0,0.1)',
+                }}
+                variant='normal'
+              >
+                <div
+                  style={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    whiteSpace: 'nowrap',
+                  }}
+                >
+                  <Icon name='info' />
+                  <Label>Learn more about peers</Label>
+                </div>
+              </Button>
+            </div>
+          ) : (
+            <PeersTable peers={peers.map((peer: any) => peer)} />
+          ))}
       </Panel>
     </LayoutMain>
   );
diff --git a/ui/app/peers/peersTable.tsx b/ui/app/peers/peersTable.tsx
index a49cbd2e53..a592d232f3 100644
--- a/ui/app/peers/peersTable.tsx
+++ b/ui/app/peers/peersTable.tsx
@@ -33,7 +33,7 @@ function PeerRow({ peer }: { peer: Peer }) {
   );
 }
 
-function PeersTable({ title, peers }: { title: string; peers: Peer[] }) {
+function PeersTable({ peers }: { peers: Peer[] }) {
   const [searchQuery, setSearchQuery] = useState<string>('');
   const [filteredType, setFilteredType] = useState<DBType | undefined>(
     undefined
@@ -65,7 +65,6 @@ function PeersTable({ title, peers }: { title: string; peers: Peer[] }) {
 
   return (
     <Table
-      title={<Label variant='headline'>{title}</Label>}
       toolbar={{
         left: <></>,
         right: (
diff --git a/ui/next.config.js b/ui/next.config.js
index a42a10c727..5212d4780c 100644
--- a/ui/next.config.js
+++ b/ui/next.config.js
@@ -3,6 +3,15 @@ const nextConfig = {
   compiler: {
     styledComponents: true,
   },
+  async redirects() {
+    return [
+      {
+        source: '/',
+        destination: '/peers',
+        permanent: false,
+      },
+    ];
+  },
   reactStrictMode: true,
   swcMinify: true,
   output: 'standalone',