kylefang/web
1
0
Fork 0
mirror of https://github.com/placeholder-soft/web.git synced 2026-05-03 21:25:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

Docs Site Revamp: Tutorials (#370)

Browse Source 
* Add discord, twitter, and github icons.

* Update docusaurus.

* Move security page to sidebar.

* Remove copyright from site footers.

* Add caret icons for dropdown css override.

* Build and style custom docs navbar.

* Resolve Icon merge conflict.

* Change Developers dropdown to Builders.

* lint: Remove unused variable

* Add tutorials; initial commit

* Add and display new frontmatter

* Convert tutorials to single page pt. 1

* Update tutorial data; fix paths

* Ecopage - rubyscore + lore logos (#373)

* Update ecosystem.json (#374)

* Fix incorrectly rendering open graph metadata (#369)

* feat(web): Serve dynamic og:metadata server-side

* feat(docs): Serve dynamic og:metadata server-side

* fix(web): Resolve linting errors

* fix(web): Linting

* fix(web): Additional linting corrections

* fix(web): Resolve Typescript-related syntax error

* refactor(web): Add ogData to data structure

* fix(ecosystem): Typo in partner image name (#375)

* feat(bridge): Add planned paused note to top of page (#376)

* Update hyperframes to use state (#377)

* Update hyperframes to use state

* Respond to feedback

* fix(bridge): Add default open graph metadata (#378)

* Added Moralis to data indexers (#371)

* Added Moralis to data indexers

* typos

* Update copy

* Remove superlatives

---------

Co-authored-by: taycaldwell <taylor.lee.caldwell@gmail.com>

* docs(bridge): Update bridge pause to new date (#381)

* mention setting `OP_NODE_L1_BEACON` (#380)

* feat(docs): Add Uniswap V3 Base Sepolia contracts (#382)

* Improve loading experience on jobs page (#389)

* Docs Site Revamp: Navbar, Sidebar, and Doc Page (#379)

* Add discord, twitter, and github icons.

* Update docusaurus.

* Move security page to sidebar.

* Remove copyright from site footers.

* Add caret icons for dropdown css override.

* Build and style custom docs navbar.

* Resolve Icon merge conflict.

* Change Developers dropdown to Builders.

* lint: Remove unused variable

* Re-add node polyfills required for cookie manager to work.

* Disable DocFeedback component.

* Disable paginator and table of contents.

* Add collapse icons for css override.

* Fix Modal overlay styles.

* Adjust DocChat floating button position.

* Reorganize and restyle sidebar for new design.

* Update gray0 and modal overlay styles.

* Add stylesheet for new doc page styles.

* Remove TODO. Add sidebar link hover styles.

* Move responsive styles to bottom.

* Disable breadcrumb component. Update layout spacing.

---------

Co-authored-by: taycaldwell <taylor.lee.caldwell@gmail.com>

* refactor(bridge): Drop bridge maintenance notice (#390)

* Add tutorials; initial commit

* Add and display new frontmatter

* Update tutorial data

* Fix frontmatter

* Update TOC

* Update tutorials page

* Update toc margin

* fix nested categories in sidebar

* Add all tutorials back link

---------

Co-authored-by: Jacob Moore <jacob.moore@coinbase.com>
Co-authored-by: Kathryn <kathryn.snow@coinbase.com>
Co-authored-by: wbnns <hello@wbnns.com>
Co-authored-by: Brian Doyle <brian.doyle@coinbase.com>
Co-authored-by: Filip Martinsson <martinsson.filip@gmail.com>
Co-authored-by: abhi <abhijeet.bhagat@gmx.com>
Co-authored-by: Matthew Bunday <matthew.bunday@coinbase.com>
This commit is contained in:
taycaldwell
2024-03-28 11:33:18 -07:00
committed by GitHub
parent 17244ae6bf
commit 47ca5b7b77
92 changed files with 2472 additions and 1441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

561
apps/base-docs/tutorials/data.json Normal file
View File

@@ -0,0 +1,561 @@
{
"account-abstraction-with-biconomy": {
"title": "Account Abstraction on Base using Biconomy",
"slug": "/account-abstraction-with-biconomy",
"description": "A guide on implementing Account Abstraction into a Base project using Biconomy paymasters, bundlers, and smart accounts.",
"author": "taycaldwell",
"keywords": [
"Account Abstraction",
"AA",
"Biconomy",
"Paymaster",
"Bundler",
"User operations",
"userops",
"Smart contract wallet",
"Smart account",
"Particle Network",
"Particle Auth"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "29 mins"
},
"account-abstraction-with-privy-and-base-paymaster": {
"title": "Account Abstraction: Intro to Privy and the Base Paymaster",
"slug": "/account-abstraction-with-privy-and-base-paymaster",
"description": "What's in this learning material.",
"author": "briandoyle81",
"keywords": [
"Privy",
"viem",
"frontend",
"smart contract development",
"EVM",
"Next.js",
"Base",
"Base network",
"account abstraction",
"Base paymaster",
"embedded wallet"
],
"hide_table_of_contents": false,
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "46 mins"
},
"advanced-frame-behavior": {
"title": "Advanced Frame Behavior",
"slug": "/advanced-frame-behavior",
"description": "Make a Farcaster frame that only allows users to access part of the frame after they have completed different actions.",
"author": "briandoyle81",
"keywords": [
"farcaster",
"frames",
"farcaster frames"
],
"hide_table_of_contents": false,
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "12 mins"
},
"build-with-thirdweb": {
"title": "Building an App using thirdweb",
"slug": "/build-with-thirdweb",
"description": "A guide on building an NFT gallery app using thirdweb, including steps for creating an NFT collection, minting NFTs, and configuring the app for the Base testnet.",
"author": "taycaldwell",
"keywords": [
"thirdweb",
"onchain app",
"dapp",
"NFT",
"NFT collection",
"smart contract",
"Base blockchain",
"Base network",
"Base testnet",
"Base test network",
"mint NFTs",
"web3 wallet",
"app development",
"dapp development",
"build a dapp on Base",
"build on Base"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "8 mins"
},
"complex-onchain-nfts": {
"title": "Complex Onchain NFTs",
"slug": "/complex-onchain-nfts",
"description": "Learn how to make complex nfts that are procedurally generated and have onchain metadata and images.",
"author": "briandoyle81",
"keywords": [
"Solidity",
"ERC-721",
"token",
"NFT",
"SVG",
"generative art",
"onchain metadata",
"nft metadata",
"onchain images",
"interfaces",
"pseudorandom numbers",
"deterministic randomness"
],
"hide_table_of_contents": false,
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "39 mins"
},
"cross-chain-with-ccip": {
"title": "Sending messages and tokens from Base to other chains using Chainlink CCIP",
"slug": "/cross-chain-with-ccip",
"description": "A guide on using Chainlink CCIP to perform cross-chain messaging and token transfers from Base Goerli testnet to Optimism Goerli testnet.",
"author": "taycaldwell",
"keywords": [
"Cross-chain",
"Omni-chain",
"Crosschain",
"OmniChain",
"Chainlink",
"Chainlink CCIP",
"CCIP",
"cross-chain messaging",
"transfer tokens across chains"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "32 mins"
},
"cross-chain-with-layerzero": {
"title": "Sending messages from Base to other chains using LayerZero V2",
"slug": "/cross-chain-with-layerzero",
"description": "A guide on using LayerZero V2 to perform cross-chain messaging from Base Goerli testnet to Optimism Goerli testnet.",
"author": "taycaldwell",
"eywords": [
"Cross-chain",
"Omni-chain",
"Crosschain",
"OmniChain",
"LayerZero",
"LayerZero V2",
"lz",
"cross-chain messaging",
"transfer tokens across chains"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "34 mins"
},
"deploy-frame-on-vercel": {
"title": "Deploy Frames on Vercel",
"slug": "/deploy-frame-on-vercel",
"description": "Learn how to deploy frames using Vercel.",
"author": "briandoyle81",
"keywords": [
"farcaster",
"frames farcaster frames",
"Vercel",
"OnchainKit",
"a frame in 100 lines",
"deploy"
],
"hide_table_of_contents": false,
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "9 mins"
},
"deploy-smart-contracts": {
"title": "Deploying a Smart Contract using Hardhat",
"slug": "/deploy-smart-contracts",
"description": "A guide on deploying a smart contract on the Base test network using Hardhat. Includes instructions for setting up the environment, compiling, and deploying the smart contract.",
"author": "taycaldwell",
"keywords": [
"Hardhat",
"smart contract",
"ERC-721",
"Base",
"Base test network",
"Base testnet",
"Node.js",
"Solidity",
"smart contract deployment",
"deploy a smart contract",
"build on base",
"write smart contract",
"smart contract development"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "15 mins"
},
"deploy-with-foundry": {
"title": "Deploying a Smart Contract using Foundry",
"slug": "/deploy-with-foundry",
"description": "A guide on deploying a smart contract on the Base test network using Foundry. Includes instructions for setting up the environment, compiling, and deploying the smart contract.",
"author": "neodaoist",
"keywords": [
"Foundry",
"smart contract",
"ERC-721",
"Base",
"Base test network",
"Base testnet",
"Rust",
"Solidity",
"smart contract deployment",
"deploy a smart contract",
"build on base",
"write smart contract",
"smart contract development"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "17 mins"
},
"deploy-with-remix": {
"title": "Deploying a Smart Contract using Remix",
"slug": "/deploy-with-remix",
"description": "A guide on deploying a smart contract on the Base test network using Remix IDE. Includes instructions for setting up the environment, compiling, and deploying the smart contract.",
"author": "briandoyle81",
"keywords": [
"Remix",
"Remix IDE",
"smart contract",
"Base",
"Base test network",
"Base testnet",
"Node.js",
"Solidity",
"smart contract deployment",
"deploy a smart contract",
"build on Base",
"write smart contract",
"smart contract development",
"online IDE"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "18 mins"
},
"deploy-with-tenderly": {
"title": "Deploying a Smart Contract using Tenderly",
"slug": "/deploy-with-tenderly",
"description": "A guide on deploying smart contracts using Tenderly DevNets. This page covers setup, debugging, transaction simulations, and continuous integration for smart contract development on Base Network.",
"author": "tenderly",
"keywords": [
"Tenderly",
"smart contract",
"Tenderly DevNets",
"Base",
"Base Network",
"deployment",
"debugging",
"transaction simulations",
"continuous integration",
"DevNet environment",
"Hardhat integration",
"deploy a smart contract",
"debug a smart contract",
"smart contract on Base",
"build on Base"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "19 mins"
},
"deploy-with-thirdweb": {
"title": "Deploying a Smart Contract using thirdweb",
"slug": "/deploy-with-thirdweb",
"description": "A guide on deploying and interacting with smart contracts using the thirdweb CLI and SDK. Includes instructions for project creation, contract deployment on the Base test network.",
"author": "taycaldwell",
"keywords": [
"thirdweb",
"thirdweb CLI",
"thirdweb SDK",
"Base",
"Base network",
"smart contracts",
"deployment",
"Base testnet",
"CLI",
"Solidity",
"ERC-721",
"web3 development",
"SDKs",
"React",
"deploy a smart contract",
"debug a smart contract",
"smart contract on Base",
"build on Base"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "10 mins"
},
"frame-transactions": {
"title": "Frame Transactions",
"slug": "/frame-transactions",
"description": "Invoke a wallet transaction from a Farcaster Frame",
"author": "briandoyle81",
"keywords": [
"farcaster",
"frames",
"farcaster frames",
"wallet",
"transaction",
"Base"
],
"hide_table_of_contents": false,
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "17 mins"
},
"hyperframes": {
"title": "HyperFrames",
"slug": "/hyperframes",
"description": "Learn how to make cross-linked hyperframes in an organized manner.",
"author": "briandoyle81",
"hide_table_of_contents": false,
"displayed_sidebar": null,
"keywords": [
"farcaster",
"frames",
"farcaster frames",
"hyperframes",
"hyper frames",
"state",
"frame state",
"Base"
],
"last_updated": "Mar 28",
"duration": "16 mins"
},
"intro-to-foundry-setup": {
"title": "Introduction to Foundry: Setting up Foundry with Base",
"slug": "/intro-to-foundry-setup",
"description": "Documentation for Foundry, a toolchain for smart contract development. Provides instructions on setting up your development environment to work with Foundry.",
"author": "briandoyle81",
"keywords": [
"Foundry",
"Forge",
"Foundry Book",
"smart contract development",
"toolchain"
],
"hide_table_of_contents": false,
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "6 mins"
},
"intro-to-foundry-testing": {
"title": "Introduction to Foundry: Testing smart contracts",
"slug": "/intro-to-foundry-testing",
"author": "briandoyle81",
"description": "Documentation for Foundry, a toolchain for smart contract development. Learn how to test your smart contracts using Foundry.",
"keywords": [
"Foundry",
"Forge",
"Foundry Book",
"smart contract development",
"toolchain",
"testing",
"test"
],
"hide_table_of_contents": false,
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "9 mins"
},
"intro-to-providers": {
"title": "Introduction to Providers",
"slug": "/intro-to-providers",
"description": "Learn what providers are and why you need one, and configure several providers and use them to connect to the blockchain.",
"author": "briandoyle81",
"keywords": [
"blockchain providers",
"JSON RPC",
"RainbowKit",
"wagmi React hooks",
"viem",
"frontend",
"smart contract development",
"EVM",
"Next.js",
"Base",
"Base network",
"Base node providers",
"Base providers",
"blockchain development",
"dApps",
"smart contracts",
"providers",
"public providers",
"wallet providers",
"vendor providers",
"rate limits",
"blockchain API",
"Ethereum provider",
"Base",
"Base network",
"Base node providers",
"Base providers",
"QuickNode",
"Alchemy",
"API keys",
"blockchain connection",
"public provider",
"smart contract development"
],
"hide_table_of_contents": false,
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "20 mins"
},
"linked-minting-frame": {
"title": "Linked Minting Frame",
"slug": "/linked-minting-frame",
"description": "Make a Farcaster frame with an outbound link to a minting website.",
"author": "briandoyle81",
"keywords": [
"Solidity",
"ERC-721",
"token",
"NFT",
"farcaster",
"frames",
"farcaster frames",
"mint"
],
"hide_table_of_contents": false,
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "7 mins"
},
"nft-minting-frame": {
"title": "Minting an NFT in a Frame",
"slug": "/nft-minting-frame",
"description": "Make a Farcaster frame that allows users to mint an NFT on your dime.",
"author": "briandoyle81",
"keywords": [
"Solidity",
"ERC-721",
"token",
"NFT",
"farcaster",
"frames",
"farcaster frames"
],
"hide_table_of_contents": false,
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "22 mins"
},
"run-a-base-node": {
"title": "Running a Base Node",
"slug": "/run-a-base-node",
"description": "A guide for setting up and running a Base Node.",
"author": "taycaldwell",
"keywords": [
"Base Node setup",
"running a node",
"Base node",
"run a Base node",
"hardware requirements",
"node synchronization",
"node snapshots",
"Base chain",
"Base blockchain",
"Base network",
"node deployment",
"Ethereum node"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "5 mins"
},
"using-chainlink-price-feeds": {
"title": "Accessing real-world data using Chainlink Data Feeds",
"slug": "/using-chainlink-price-feeds",
"description": "A guide on using Chainlink Data Feeds to access real-world data, such as asset prices, directly from your smart contracts on the Base testnet.",
"author": "taycaldwell",
"keywords": [
"Oracle Oracles",
"Chainlink",
"price feeds",
"data feeds",
"smart contract",
"Base blockchain",
"Base network",
"Base testnet",
"Base test network",
"app development",
"dapp development",
"build a dapp on Base",
"build on Base"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "11 mins"
},
"using-pyth-price-feeds": {
"title": "Accessing real-time asset data using Pyth Price Feeds",
"slug": "/using-pyth-price-feeds",
"description": "A guide on using Pyth Price Feeds to access real-time asset data, directly from your smart contracts on the Base testnet.",
"author": "taycaldwell",
"keywords": [
"Oracle Oracles",
"Pyth",
"Pyth Network",
"price feeds",
"data feeds",
"smart contract",
"Base blockchain",
"Base network",
"Base testnet",
"Base test network",
"app development",
"dapp development",
"build a dapp on Base",
"build on Base"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "13 mins"
},
"using-supra-vrf": {
"title": "Generating random numbers contracts using Supra dVRF",
"slug": "/using-supra-vrf",
"description": "A guide on using Supra dVRF to serve random numbers using an onchain randomness generation mechanism directly within your smart contracts on the Base testnet.",
"author": "taycaldwell",
"keywords": [
"Oracle Oracles",
"Supra",
"Supra VRF",
"Supra dVRF",
"VRF",
"verifiable random function",
"verifiable random functions",
"random numbers",
"rng",
"random number generator",
"random numbers in smart contracts",
"random numbers on Base",
"smart contract",
"Base blockchain",
"Base network",
"Base testnet",
"Base test network",
"app development",
"dapp development",
"build a dapp on Base",
"build on Base"
],
"displayed_sidebar": null,
"last_updated": "Mar 28",
"duration": "19 mins"
}
}