ethereum-optimism · krofax · Oct 25, 2024 · Oct 18, 2024 · Oct 18, 2024 · Oct 18, 2024
@@ -8,6 +8,7 @@
     "spellcheck:lint": "cspell lint \"**/*.mdx\"",
     "spellcheck:fix": "cspell --words-only --unique \"**/*.mdx\" | sort --ignore-case | uniq > words.txt",
     "linkcheck": "lychee --config ./lychee.toml --quiet \"./pages\"",
+    "create-breadcrumbs":"npx ts-node --skip-project utils/create-breadcrumbs.ts",
     "index:docs": "npx ts-node --skip-project utils/algolia-indexer.ts",
     "dev": "next dev",
     "build": "next build",

@@ -0,0 +1,20 @@
+---
+title: Builders
+lang: en-US
+description: Learn about deploying contracts, cross-chain messaging, and tutorials to help you build applications on OP Mainnet.
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Builders
+
+The fixture is the main abstraction in React Cosmos. It represents a component example that can be rendered in isolation. A fixture file is generally colocated with its related component file.
+
+<Cards>
+  <Card title="Notices" href="/builders/notices" />
+  <Card title="App Developers" href="/builders/app-developers" />
+  <Card title="Chain Operators" href="/builders/chain-operators" />
+  <Card title="Node Operators" href="/builders/node-operators" />
+  <Card title="Wallets & CEXs" href="/builders/cex-wallet-developers" />
+  <Card title="Developer Tools" href="/builders/tools" />
+</Cards>
@@ -0,0 +1,28 @@
+---
+title: App Developers
+lang: en-US
+description: Essential resources for app developers building on the OP Stack, including guides for deploying contracts, handling transactions, and cross-chain messaging.
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# App Developers
+
+Welcome to the App Developers section, where you'll find essential resources for deploying contracts, handling transactions, cross-chain messaging, and more.
+Access quick-start guides, tutorials, and tools to help you build applications on the OP Stack efficiently
+
+<Cards>
+  <Card title="Overview" href="/builders/app-developers/overview" />
+
+  <Card title="Superchain App Quick Start" href="/builders/app-developers/quick-start" />
+
+  <Card title="Tutorials" href="/builders/app-developers/tutorials" />
+
+  <Card title="Smart Contracts" href="/builders/app-developers/contracts" />
+
+  <Card title="Transactions" href="/builders/app-developers/transactions" />
+
+  <Card title="Bridging" href="/builders/app-developers/bridging" />
+
+  <Card title="App Tools" href="/builders/app-developers/tools" />
+</Cards>
@@ -0,0 +1,21 @@
+---
+title: Bridging
+lang: en-US
+description: Learn about bridging basics, custom bridges, data transmission between L1 and L2, and using the standard bridge in OP Stack.
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Bridging
+
+This section provides information on bridging basics, custom bridges, sending data between l1 and l2 and using the standard bridge. You'll find guide, overview to help you understand and work with these topics.
+
+<Cards>
+  <Card title="Bridging basics" href="/builders/app-developers/bridging/basics" />
+
+  <Card title="Custom bridges" href="/builders/app-developers/bridging/custom-bridge" />
+
+  <Card title="Sending data between l1 and l2" href="/builders/app-developers/bridging/messaging" />
+
+  <Card title="Using the standard bridge" href="/builders/app-developers/bridging/standard-bridge" />
+</Cards>
@@ -0,0 +1,19 @@
+---
+title: Contracts
+lang: en-US
+description: Information on Solidity compatibility, contract optimization, and system contracts for OP Mainnet.
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Contracts
+
+This section provides information on Solidity compatibility, contract optimization on OP Mainnet, and using OP Mainnet system contracts. You'll find guides and tutorials to help you understand and work with these topics.
+
+<Cards>
+  <Card title="Solidity Compatibility" href="/builders/app-developers/contracts/compatibility" />
+
+  <Card title="Contract Optimization on OP Mainnet" href="/builders/app-developers/contracts/optimization" />
+
+  <Card title="Using OP Mainnet System Contracts" href="/builders/app-developers/contracts/system-contracts" />
+</Cards>
@@ -0,0 +1,17 @@
+---
+title: Tools
+lang: en-US
+description: Information on open-source code repositories for OP Stack builders and SuperSim.
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Tools
+
+This section provides information on open-source code repositories for OP Stack builders and SuperSim. Users will find references to help understand and work with these topics.
+
+<Cards>
+  <Card title="Open-Source Code Repository for OP Stack Builders" href="/builders/app-developers/tools/ecosystem-overview" />
+
+  <Card title="SuperSim" href="/builders/app-developers/tools/supersim" />
+</Cards>
@@ -0,0 +1,23 @@
+---
+title: Transactions
+lang: en-US
+description: Guide to understanding and working with transactions on OP Mainnet, including fee estimation, gas parameters, and troubleshooting.
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Transactions
+
+This section provides information on transactions in OP Mainnet, including fee estimation, gas parameters, transaction statuses, and troubleshooting. You'll find guides to help you understand and work with these topics.
+
+<Cards>
+  <Card title="Estimating Transaction Fees on OP Mainnet" href="/builders/app-developers/transactions/estimates" />
+
+  <Card title="Understanding Fees on OP Mainnet" href="/builders/app-developers/transactions/fees" />
+
+  <Card title="Setting Transaction Gas Parameters on OP Mainnet" href="/builders/app-developers/transactions/parameters" />
+
+  <Card title="Transaction Statuses on OP Mainnet" href="/builders/app-developers/transactions/statuses" />
+
+  <Card title="Troubleshooting Transactions on OP Mainnet" href="/builders/app-developers/transactions/troubleshooting" />
+</Cards>
@@ -0,0 +1,32 @@
+---
+title: Tutorials
+lang: en-US
+description: A collection of tutorials for app developers building on OP Stack, covering topics such as bridging tokens, deploying contracts, and estimating transaction costs.
+---
+
+import { Card, Cards } from 'nextra/components'
+# Tutorials
+
+This section provides information on bridging erc 20 tokens to op mainnet with the optimism sdk, bridging eth to op mainnet with the optimism sdk, communicating between op mainnet and ethereum in solidity, deploying your first contract on op mainnet, estimating transaction costs on op mainnet, tracing deposits and withdrawals, viewing deposits and withdrawals by address, triggering op mainnet transactions from ethereum, bridging your custom erc 20 token using the standard bridge and bridging your standard erc 20 token using the standard bridge. You'll find tutorial to help you understand and work with these topics.
+
+<Cards>
+  <Card title="Bridging erc 20 tokens to op mainnet with the optimism sdk" href="/builders/app-developers/tutorials/cross-dom-bridge-erc20" />
+
+  <Card title="Bridging eth to op mainnet with the optimism sdk" href="/builders/app-developers/tutorials/cross-dom-bridge-eth" />
+
+  <Card title="Communicating between op mainnet and ethereum in solidity" href="/builders/app-developers/tutorials/cross-dom-solidity" />
+
+  <Card title="Deploying your first contract on op mainnet" href="/builders/app-developers/tutorials/first-contract" />
+
+  <Card title="Estimating transaction costs on op mainnet" href="/builders/app-developers/tutorials/sdk-estimate-costs" />
+
+  <Card title="Tracing deposits and withdrawals" href="/builders/app-developers/tutorials/sdk-trace-txns" />
+
+  <Card title="Viewing deposits and withdrawals by address" href="/builders/app-developers/tutorials/sdk-view-txns" />
+
+  <Card title="Triggering op mainnet transactions from ethereum" href="/builders/app-developers/tutorials/send-tx-from-eth" />
+
+  <Card title="Bridging your custom erc 20 token using the standard bridge" href="/builders/app-developers/tutorials/standard-bridge-custom-token" />
+
+  <Card title="Bridging your standard erc 20 token using the standard bridge" href="/builders/app-developers/tutorials/standard-bridge-standard-token" />
+</Cards>
@@ -0,0 +1,16 @@
+---
+title: Cex Wallet Developers
+lang: en-US
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# CEX Wallet Developers
+
+This section provides information on supporting OP Stack in your exchange and supporting OP Stack in your wallet. You'll find guides to help you understand and work with these topics.
+
+<Cards>
+  <Card title="Supporting op mainnet in your exchange" href="/builders/cex-wallet-developers/cex-support" />
+
+  <Card title="Supporting op mainnet in your wallet" href="/builders/cex-wallet-developers/wallet-support" />
+</Cards>
@@ -0,0 +1,31 @@
+---
+title: Chain Operators
+lang: en-US
+description: Information on chain architecture, configuration, deployment, and management for OP Stack chain operators.
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Chain operators
+
+This section provides information on chain architecture, configuration, deployment, features, hacks, management, and how to start a self-hosted chain. You'll also find tools, APIs, overviews, guides, and introductions to help you understand and work with these topics.
+
+<Cards>
+  <Card title="Chain architecture" href="/builders/chain-operators/architecture" />
+
+  <Card title="Configuration" href="/builders/chain-operators/configuration" />
+
+  <Card title="Deployment" href="/builders/chain-operators/deploy" />
+
+  <Card title="Features" href="/builders/chain-operators/features" />
+
+  <Card title="Hacks" href="/builders/chain-operators/hacks" />
+
+  <Card title="Management" href="/builders/chain-operators/management" />
+
+  <Card title="How to Start a Self-Hosted Chain" href="/builders/chain-operators/self-hosted" />
+
+  <Card title="Tools" href="/builders/chain-operators/tools" />
+
+  <Card title="Tutorials" href="/builders/chain-operators/tutorials" />
+</Cards>
@@ -0,0 +1,21 @@
+---
+title: Configuration
+lang: en-US
+description: Overview of configuration options for batchers, chain operators, proposers, and rollup deployments.
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Configuration
+
+This section provides information on batcher configuration, chain operator configurations, proposer configuration, and rollup deployment configuration. Users will find API references and overviews to help understand and work with these topics.
+
+<Cards>
+  <Card title="Batcher configuration" href="/builders/chain-operators/configuration/batcher" />
+
+  <Card title="Chain operator configurations" href="/builders/chain-operators/configuration/overview" />
+
+  <Card title="Proposer configuration" href="/builders/chain-operators/configuration/proposer" />
+
+  <Card title="Rollup deployment configuration" href="/builders/chain-operators/configuration/rollup" />
+</Cards>
@@ -0,0 +1,19 @@
+---
+title: Deploy
+lang: en-US
+description: Information on OP Stack genesis creation, deployment overview, and smart contract deployment.
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Deploy
+
+This section provides information on OP Stack genesis creation, deployment overview, and smart contract deployment. You'll find guides and overviews to help you understand and work with these topics.
+
+<Cards>
+  <Card title="Op stack genesis creation" href="/builders/chain-operators/deploy/genesis" />
+
+  <Card title="Op stack deployment overview" href="/builders/chain-operators/deploy/overview" />
+
+  <Card title="Op stack smart contract deployment" href="/builders/chain-operators/deploy/smart-contracts" />
+</Cards>
@@ -0,0 +1,22 @@
+---
+title: Features
+lang: en-US
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Features
+
+This section provides information on various features for chain operators. You'll find guides and overviews to help you understand and work with topics such as running an alternative data availability mode chain, implementing the bridged USDC standard on the OP Stack, running a custom gas token chain, OP Stack preinstalls, and span batches.
+
+<Cards>
+  <Card title="How to run an alt Da mode chain" href="/builders/chain-operators/features/alt-da-mode" />
+
+  <Card title="Bridged usdc standard on the op stack" href="/builders/chain-operators/features/bridged-usdc-standard" />
+
+  <Card title="How to run a custom gas token chain" href="/builders/chain-operators/features/custom-gas-token" />
+
+  <Card title="Op stack preinstalls" href="/builders/chain-operators/features/preinstalls" />
+
+  <Card title="Span batches" href="/builders/chain-operators/features/span-batches" />
+</Cards>
@@ -0,0 +1,24 @@
+---
+title: Hacks
+lang: en-US
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Hacks
+
+This section provides information on various types of hacks related to OP Stack, including data availability, derivation, execution, and settlement. You'll find an overview and introduction to help you understand and work with these topics, as well as featured hacks for practical examples.
+
+<Cards>
+  <Card title="Data availability hacks" href="/builders/chain-operators/hacks/data-availability" />
+
+  <Card title="Derivation hacks" href="/builders/chain-operators/hacks/derivation" />
+
+  <Card title="Execution hacks" href="/builders/chain-operators/hacks/execution" />
+
+  <Card title="Featured hacks" href="/builders/chain-operators/hacks/featured-hacks" />
+
+  <Card title="Introduction to op stack hacks" href="/builders/chain-operators/hacks/overview" />
+
+  <Card title="Settlement hacks" href="/builders/chain-operators/hacks/settlement" />
+</Cards>
@@ -0,0 +1,24 @@
+---
+title: Management
+lang: en-US
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Management
+
+This section provides information on chain operator best practices, using blobs, managing keys, rollup operations, using snap sync for chain operators, and troubleshooting chain operations. You'll find guides and tutorials to help you understand and work with these topics.
+
+<Cards>
+  <Card title="Chain operator best practices" href="/builders/chain-operators/management/best-practices" />
+
+  <Card title="Using blobs" href="/builders/chain-operators/management/blobs" />
+
+  <Card title="Managing your keys" href="/builders/chain-operators/management/key-management" />
+
+  <Card title="Rollup operations" href="/builders/chain-operators/management/operations" />
+
+  <Card title="Using snap sync for chain operators" href="/builders/chain-operators/management/snap-sync" />
+
+  <Card title="Troubleshooting: chain operations" href="/builders/chain-operators/management/troubleshooting" />
+</Cards>
@@ -0,0 +1,22 @@
+---
+title: Tools
+lang: en-US
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Tools
+
+This section provides information on chain monitoring options, deploying a block explorer, configuring a challenger for your chain, conductor, and deployer. You'll find guides, overviews, and tools to help you understand and work with these topics.
+
+<Cards>
+  <Card title="Chain monitoring options" href="/builders/chain-operators/tools/chain-monitoring" />
+
+  <Card title="Deploying a block explorer" href="/builders/chain-operators/tools/explorer" />
+
+  <Card title="How to configure challenger for your chain" href="/builders/chain-operators/tools/op-challenger" />
+
+  <Card title="Conductor" href="/builders/chain-operators/tools/op-conductor" />
+
+  <Card title="Deployer" href="/builders/chain-operators/tools/op-deployer" />
+</Cards>
@@ -0,0 +1,24 @@
+---
+title: Tutorials
+lang: en-US
+---
+
+import { Card, Cards } from 'nextra/components'
+
+# Tutorials
+
+This section provides information on adding attributes to the derivation function, adding a precompile, creating your own l2 rollup testnet, integrating a new da layer with alt da, modifying predeployed contracts and using the optimism sdk. You'll find overview, tutorial, guide to help you understand and work with these topics.
+
+<Cards>
+  <Card title="Adding attributes to the derivation function" href="/builders/chain-operators/tutorials/adding-derivation-attributes" />
+
+  <Card title="Adding a precompile" href="/builders/chain-operators/tutorials/adding-precompiles" />
+
+  <Card title="Creating your own l2 rollup testnet" href="/builders/chain-operators/tutorials/create-l2-rollup" />
+
+  <Card title="Integrating a new da layer with alt Da" href="/builders/chain-operators/tutorials/integrating-da-layer" />
+
+  <Card title="Modifying predeployed contracts" href="/builders/chain-operators/tutorials/modifying-predeploys" />
+
+  <Card title="Using the optimism sdk" href="/builders/chain-operators/tutorials/sdk" />
+</Cards>