Merge pull request #1567 from redis/DOC-5131-dev-landing-links

DOC-5131 first attempt at links/formatting for develop landing page

Author: andy-stark-redis

content/develop/_index.md

@@ -2,6 +2,44 @@
 title: Develop with Redis
 description: Learn how to develop with Redis
 linkTitle: Develop
+hideListLinks: true
+hideTOC: true
 ---
 
-Explore the pages below to learn more about developing with Redis Open Source.
+Get a Redis server running in minutes with a free trial of
+[Redis Cloud]({{< relref "/operate/rc" >}}), or install
+[Redis Open Source]({{< relref "/operate/oss_and_stack" >}}) locally
+on your machine. Then, explore Redis with your favorite
+[programming language]({{< relref "/develop/clients" >}})
+or analyze and manage your database with our
+[UI tools]({{< relref "/develop/tools" >}}):
+
+| | Get started | Document search | Vector search |
+|:----- | :-----: | :-----: | :-----:|
+| [Python]({{< relref "/develop/clients/redis-py" >}}) | [See Python examples]({{< relref "/develop/clients/redis-py/connect" >}}) | [See Python examples]({{< relref "/develop/clients/redis-py/queryjson" >}}) | [See Python examples]({{< relref "/develop/clients/redis-py/vecsearch" >}}) |
+| [C#/.NET]({{< relref "/develop/clients/dotnet" >}}) | [See C# examples]({{< relref "/develop/clients/dotnet/connect" >}}) | [See C# examples]({{< relref "/develop/clients/dotnet/queryjson" >}}) | [See C# examples]({{< relref "/develop/clients/dotnet/vecsearch" >}}) |
+| [Node.js]({{< relref "/develop/clients/nodejs" >}}) | [See JS examples]({{< relref "/develop/clients/nodejs/connect" >}}) | [See JS examples]({{< relref "/develop/clients/nodejs/queryjson" >}}) | [See JS examples]({{< relref "/develop/clients/nodejs/vecsearch" >}}) |
+| [Java]({{< relref "/develop/clients/jedis" >}}) | [See Java examples]({{< relref "/develop/clients/jedis/connect" >}}) | [See Java examples]({{< relref "/develop/clients/jedis/queryjson" >}}) | [See Java examples]({{< relref "/develop/clients/jedis/vecsearch" >}}) |
+| [Go]({{< relref "/develop/clients/go" >}}) | [See Go examples]({{< relref "/develop/clients/go/connect" >}}) | [See Go examples]({{< relref "/develop/clients/go/queryjson" >}}) | [See Go examples]({{< relref "/develop/clients/go/vecsearch" >}}) |
+| [PHP]({{< relref "/develop/clients/php" >}}) | [See PHP examples]({{< relref "/develop/clients/php/connect" >}}) | [See PHP examples]({{< relref "/develop/clients/php/queryjson" >}}) | [See PHP examples]({{< relref "/develop/clients/php/vecsearch" >}}) |
+
+<div class="flex flex-col gap-5">
+  <div class="flex items-start">
+    {{< image filename="develop/tools/insight/images/Browser.png" class="w-[300px] mr-4" >}}
+    <div>
+      <h3><a href='{{< relref "/develop/tools/insight">}}'>Redis Insight</a></h3>
+      <p>Visual client tool for creating, managing, and analyzing Redis databases.</p>
+    </div>
+  </div>
+  <div class="flex items-start">
+    {{< image filename="images/dev/connect/vscode/vscode-cli.png" class="w-[300px] mr-4" >}}
+    <div>
+      <h3><a href='{{< relref "/develop/tools/redis-for-vscode" >}}'>Redis for VS Code</a></h3>
+      <p>Visual client tool for creating, managing, and analyzing Redis databases.</p>
+    </div>
+  </div>
+</div>
+
+| {{< image filename="images/icon_logo/icon-developers-32-midnight.png" >}} </br>[**Quick start**]({{< relref "/develop/get-started" >}}) | {{< image filename="images/icon_logo/icon-data-structures-32-midnight.png" >}} </br>[**Data types**]({{< relref "/develop/data-types" >}}) | {{< image filename="images/icon_logo/icon-text-search-32-midnight.png" >}} </br>[**Query engine**]({{< relref "/develop/interact/search-and-query" >}}) |
+|---|---|---|
+| [Vector database]({{< relref "/develop/get-started/vector-database" >}})</br>[Document store]({{< relref "/develop/get-started/document-database" >}})</br>[Data structure store]({{< relref "/develop/get-started/data-store" >}})</br>[RAG with Redis]({{< relref "/develop/get-started/rag" >}})</br>[GenAI]({{< relref "/develop/get-started/redis-in-ai" >}}) | [String]({{< relref "/develop/data-types/strings" >}})</br>[JSON]({{< relref "/develop/data-types/json" >}})</br>[Hash]({{< relref "/develop/data-types/hashes" >}})</br>[Vector set]({{< relref "/develop/data-types/vector-sets" >}})</br>[Probabilistic types]({{< relref "/develop/data-types/probabilistic" >}}) | [Get started]({{< relref "/develop/interact/search-and-query" >}})</br>[Schema field types]({{< relref "/develop/interact/search-and-query/basic-constructs/field-and-type-options" >}})</br>[Indexing]({{< relref "/develop/interact/search-and-query/indexing" >}})</br>[Querying]({{< relref "/develop/interact/search-and-query/query" >}})</br>[Use cases]({{< relref "/develop/interact/search-and-query/query-use-cases" >}})

layouts/develop/list.html

@@ -38,7 +38,7 @@ <h1>
         <!-- Responsive CLI Display Block as Table -->
         {{ if strings.HasSuffix .RelPermalink "/develop/" }}
         <div class="overflow-x-auto">
-          <table class="w-full border-collapse md:table">
+          <table class="w-full border-collapse md:table bg-neutral-150">
             <thead>
               <tr>
                 <th class="p-4 text-left">Try these Redis commands</th>
@@ -54,7 +54,8 @@ <h1>
                   <code><a href="/commands/set">SET</a> e 2.71</code></br>
                   <code><a href="/commands/incrbyfloat">INCRBYFLOAT</a> e 0.43</code></br>
                   <code><a href="/commands/rename">RENAME</a> e pi</code></br>
-                  <code><a href="/commands/get">GET</a> pi</code>
+                  <code><a href="/commands/get">GET</a> pi</code><br/><br/>
+                  # <a href="/commands/">See all commands</a>
                 </td>
                 <td class="align-top p-4 w-full md:w-[60%]">
                   <div class="bg-slate-900 rounded-xl shadow-lg shadow-slate-900/10 h-60 overflow-y-auto">
@@ -92,7 +93,10 @@ <h1>
         {{ partial "feedback.html" . }}
       </section>
     </div>
-    {{ partial "docs-toc.html" . }}
+
+    {{ if not .Params.hideTOC }}
+      {{ partial "docs-toc.html" . }}
+    {{ end }}
     {{ partial "scripts.html" . }}
   </main>
 {{ end }}