integrations page MVP

src/assets/integrations.json

@@ -0,0 +1,16 @@
+{
+  "integrations": [
+    {
+      "name": "Safe",
+      "url": "https://safe.scroll.xyz/",
+      "network": ["sepolia", "mainnet"]
+    },
+    {
+      "name": "The Graph",
+      "url": "https://edgeandnode.notion.site/The-Graph-Subgraph-Studio-Non-Rate-Limited-Chain-Integration-889fe061ee6b4423a7f8e2c8070b9294?pvs=4",
+      "network": ["sepolia", "mainnet"],
+      "tags": ["indexer"],
+      "comment": "Use the latest version of The Graph's cli."
+    }
+  ]
+}

src/components/IntegrationsList.astro

@@ -0,0 +1,5 @@
+---
+const { data } = Astro.props
+---
+
+{data.map((item) => <p>{item["name"]}</p>)}

src/components/index.ts

@@ -10,3 +10,4 @@ export { default as Aside } from "./Aside.astro"
 export { default as ClickToZoom } from "./ClickToZoom.astro"
 export { default as NetworkTabs } from "./Tabs/NetworkTabs.astro"
 export { default as PackageManagerTabs } from "./Tabs/PackageManagerTabs.astro"
+export { default as IntegrationsList } from "./IntegrationsList.astro"

src/config/sidebar.ts

@@ -84,6 +84,10 @@ export const getSidebar = () => {
             title: t("sidebar.developers.scrollContracts"),
             url: formatUrl("developers/scroll-contracts"),
           },
+          {
+            title: t("sidebar.developers.deverlopTooling"),
+            url: formatUrl("developers/deployed-tooling"),
+          },
           {
             title: t("sidebar.developers.ethereumAndScrollDifferences"),
             url: formatUrl("developers/ethereum-and-scroll-differences"),

src/content/docs/en/developers/deployed-tooling.mdx

@@ -0,0 +1,24 @@
+---
+section: developers
+date: Last Modified
+title: "Tooling Deployed on Scroll Sepolia"
+lang: "en"
+permalink: "developers/deployed-tooling"
+excerpt: ""
+whatsnext: { "Ethereum and Scroll Differences": "/developers/ethereum-and-scroll-differences" }
+---
+
+import Aside from "../../../../components/Aside.astro"
+import IntegrationsList from "../../../../components/IntegrationsList.astro"
+import integrations from "../../../../assets/integrations.json"
+
+<Aside type="danger" title="Products below are not tested by or endorsed by Scroll!">
+    We do our best to keep dangerous code out of the hands of developers, but the list below is auto-generated and may include malicious, insecure, or compromised projects. Always do your research!
+</Aside>
+
+<IntegrationsList data={integrations["integrations"]}/>
+
+<Aside type="tip" title="Have a deployment on Scroll Sepolia?">
+  Reach out if your tool or protocol could help builders on Scroll.
+</Aside>
+---

src/content/docs/en/developers/scroll-contracts.mdx

@@ -4,6 +4,7 @@ date: Last Modified
 title: "Scroll Contracts"
 lang: "en"
 permalink: "developers/scroll-contracts"
+# TODO: update this
 whatsnext: { "Ethereum & Scroll Differences": "/developers/ethereum-and-scroll-differences" }
 excerpt: "The network info and contract addresses you need to start with Scroll Sepolia Testnet."
 ---