feat: implement searchable extension market function #13863

content/en/overview/ecosystem/market/_index.md

@@ -0,0 +1,57 @@
+---
+title: "Dubbo Extension Market"
+linkTitle: "Market"
+weight: 10
+description: "Browse, search, and contribute to the Apache Dubbo extension library."
+---
+
+# Dubbo Extension Market
+
+The Dubbo Market provides a centralized view of extension libraries. Users can browse and search for specific SPI extensions to enhance their projects.
+
+## 🔍 Search Extensions
+<input type="text" id="marketSearch" onkeyup="searchTable()" placeholder="Search by name or category..." class="form-control mb-4" style="padding: 12px; width: 100%; border: 2px solid #007bff; border-radius: 8px;">
+
+<div class="table-responsive">
+  <table class="table table-hover" id="extensionTable">
+    <thead>
+      <tr>
+        <th>Name</th>
+        <th>Category</th>
+        <th>Description</th>
+        <th>Version</th>
+        <th>Status</th>
+        <th>Action</th>
+      </tr>
+    </thead>
+    <tbody>
+      {{< market-table >}}
+    </tbody>
+  </table>
+</div>
+
+<script>
+function searchTable() {
+  var input = document.getElementById("marketSearch");
+  var filter = input.value.toUpperCase();
+  var table = document.getElementById("extensionTable");
+  var tr = table.getElementsByTagName("tr");
+  for (var i = 1; i < tr.length; i++) {
+    var visible = false;
+    var td = tr[i].getElementsByTagName("td");
+    for (var j = 0; j < td.length; j++) {
+      if (td[j] && td[j].innerText.toUpperCase().indexOf(filter) > -1) {
+        visible = true;
+      }
+    }
+    tr[i].style.display = visible ? "" : "none";
+  }
+}
+</script>
+
+---
+
+### 💡 User Feedback & Support
+Users can provide feedback, suggestions, or obtain technical support for extensions:
+
+[**Submit a New Market Suggestion**](https://github.com/apache/dubbo/issues/new?labels=type/enhancement,help+wanted&template=feature_request.yml&title=[Market+Suggestion]+)

data/extensions.yml

@@ -0,0 +1,34 @@
+- name: "Zookeeper Registry"
+  category: "Registry"
+  description: "The most widely used service registration and discovery center for Dubbo."
+  version: "3.0.0"
+  status: "Core"
+  link: "https://github.com/apache/dubbo-spi-extensions/tree/master/dubbo-registry/dubbo-registry-zookeeper"
+
+- name: "Nacos Registry"
+  category: "Registry"
+  description: "Dynamic service discovery, configuration, and service management."
+  version: "2.x"
+  status: "Verified"
+  link: "https://github.com/apache/dubbo-spi-extensions/tree/master/dubbo-registry/dubbo-registry-nacos"
+
+- name: "Triple Protocol"
+  category: "Protocol"
+  description: "Fully compatible with gRPC, supporting streaming and standard HTTP/2."
+  version: "3.3.0"
+  status: "Core"
+  link: "https://github.com/apache/dubbo"
+
+- name: "Fastjson2"
+  category: "Serialization"
+  description: "High-performance JSON library for Java serialization."
+  version: "2.0.x"
+  status: "Community"
+  link: "https://github.com/apache/dubbo-spi-extensions/tree/master/dubbo-serialization/dubbo-serialization-fastjson2"
+
+- name: "Sentinel"
+  category: "QoS"
+  description: "Flow control and circuit breaking for microservices."
+  version: "1.8.x"
+  status: "Verified"
+  link: "https://github.com/apache/dubbo-spi-extensions/tree/master/dubbo-cluster/dubbo-cluster-sentinel"

layouts/shortcodes/market-table.html

@@ -0,0 +1,12 @@
+{{ range .Site.Data.extensions }}
+<tr>
+  <td><strong>{{ .name }}</strong></td>
+  <td><span class="badge badge-info" style="background-color: #007bff; color: white; padding: 5px; border-radius: 4px;">{{ .category }}</span></td>
+  <td>{{ .description }}</td>
+  <td><code>{{ .version }}</code></td>
+  <td><span class="text-success">●</span> {{ .status }}</td>
+  <td>
+    <a href="{{ .link }}" target="_blank" class="btn btn-outline-primary btn-sm">View Source</a>
+  </td>
+</tr>
+{{ end }}