Rollups overview page (#1085)

* add rollup overview page

* add rollup overview page

* update rollup overview page

* docs: copy edits

* chore: match style

* remove extra "Learn"

it says it twice and is repetitive

* chore: final copy edit

---------

Co-authored-by: joshcs.eth <[email protected]>

docs/developers/overview.md

@@ -10,23 +10,22 @@ of Celestia.
 
 It includes:
 
-- Overview of [wallets on Celestia](../../developers/wallets/)
+- [Overview of wallets on Celestia](../../developers/wallets/)
   - [Keplr](../../developers/keplr/)
   - [Leap](../../developers/leap)
   - [Cosmostation](../../developers/cosmostation/)
   - Generate a wallet with
     - [Celestia app](../../developers/celestia-app-wallet/)
     - [Celestia node](../../developers/celestia-node-key/)
-- An overview of [the Celestia node API](../../developers/node-api/)
+- [Overview of the Celestia node API](../../developers/node-api/)
   - [Node API docs](/api/v0.11.0-rc12)
-  - How to use the [Celestia node RPC API](../../developers/node-tutorial/)
+  - [How to use the Celestia node RPC API](../../developers/node-tutorial/)
   - Learn [Celestia node API](../../developers/prompt-scavenger/) with a game
-- How to [deploy rollups with](../../category/deploy-a-rollup/)
+- [Deploying rollups on Celestia](../../developers/rollup-overview/)
   - [Rollkit](../../developers/rollkit/)
   - [OP Stack](../../category/optimism/)
   - [Sovereign SDK](https://github.com/Sovereign-Labs/sovereign-sdk/tree/stable/examples/demo-rollup#demo-rollup)
   - [Dymension](https://dymension.xyz/)
-- Full stack modular [blockchain development guide](../../developers/full-stack-modular-development-guide/)
-- [Demos](../../developers/demos/) on Celestia
+- [Demos on Celestia](../../developers/demos/)
 - [Integrate with Celestia Network](../../developers/integrate-celestia/)
   for third-party service providers

docs/developers/rollup-overview.md

@@ -0,0 +1,44 @@
+---
+sidebar_label: Deploy a rollup
+description: Learn how to deploy rollups on Celestia.
+---
+
+# Deploy a rollup
+
+This section provides various guides and tutorials that cover different
+options for deploying rollups on Celestia.
+
+## What is a rollup?
+
+A rollup is a type of blockchain that offloads some work to a layer 1, like
+Celestia. Rollups host applications and process user transactions. Once
+those transactions get processed, they are then published to layer 1.
+It’s layer 1s job to order those transactions and check that they are
+available, at minimum.
+
+Over time, two primary designs emerged for rollups:
+[optimistic](https://celestia.org/glossary/optimistic-rollup/) and
+[zk](https://celestia.org/glossary/zk-rollup) rollups.
+
+## Section contents
+
+- [Rollkit](./rollkit.mdx)
+  - [Build and deploy a GM World rollup](https://rollkit.dev/tutorials/gm-world)
+  - [Build the GM World frontend](https://rollkit.dev/tutorials/gm-world-frontend)
+  - [Build a Recipe Book rollup](https://rollkit.dev/tutorials/recipe-book)
+  - [Build a Wordle app](https://rollkit.dev/tutorials/wordle)
+  - [Build a CosmWasm rollup](https://rollkit.dev/tutorials/cosmwasm)
+- [Optimism](./intro-to-op-stack.md#what-are-optimism-and-the-op-stack)
+  - [Introduction to OP Stack integration](./intro-to-op-stack.md)
+    - [Introduction to Bubs Testnet](./bubs-testnet.md)
+    - [Deploy a smart contract on Bubs testnet](./deploy-on-bubs.md)
+    - [Deploy a GM Portal dapp on Bubs testnet](./gm-portal-bubs.md)
+    - [Deploy a dapp on Thirdweb](https://thirdweb.com/bubs-testnet)
+    - [Deploy an OP Stack devnet](./optimism-devnet.mdx)
+    - [Deploy an OP Stack testnet on Celestia](./optimism.mdx)
+  - [Rollups as a Service](https://docs.celestia.org/category/rollups-as-a-service/)
+- Sovereign SDK
+  - [Create a zk-rollup and run a full node using Sovereign SDK](https://github.com/Sovereign-Labs/sovereign-sdk/tree/main/examples/demo-rollup#demo-rollup)
+- IBC relayers
+  - [Establish IBC connections using the Hermes relayer](./ibc-relayer.md)
+- [Build a rollapp with Dymension's Roller](https://docs.dymension.xyz/build/roller)

sidebars.js

@@ -364,9 +364,10 @@ const sidebars = {
     },
     {
       type: "category",
-      label: "Deploy a Rollup",
+      label: "Deploy a rollup",
 			link: {
-				type: "generated-index",
+        id: "developers/rollup-overview",
+				type: "doc",
 			},
 			collapsed: true,
 			items: [

src/pages/index.js

@@ -19,13 +19,13 @@ function HomepageHeader() {
             to="/learn/how-celestia-works/introduction"
           >
             <p className="button-heading">Learn</p>
-            Learn how Celestia works
+            How Celestia works
           </Link>
           <Link className="front-page-link" to="/developers/node-tutorial">
             <p className="button-heading">Celestia node</p>
             Run a node
           </Link>
-          <Link className="front-page-link" to="/category/deploy-a-rollup">
+          <Link className="front-page-link" to="/developers/rollup-overview">
             <p className="button-heading">Sovereign chain</p>
             Deploy a rollup to Celestia
           </Link>