diff --git a/tutorials/pages/create-nft-with-iota-sdk.md b/docs/tutorials/create-nft-with-iota-sdk.md similarity index 99% rename from tutorials/pages/create-nft-with-iota-sdk.md rename to docs/tutorials/create-nft-with-iota-sdk.md index 4f6fd843b15..f168b0a9bb1 100644 --- a/tutorials/pages/create-nft-with-iota-sdk.md +++ b/docs/tutorials/create-nft-with-iota-sdk.md @@ -58,7 +58,7 @@ Add your desired `*.jpg` file to the `wallet-setup` folder you created and renam For this tutorial we'll use the following image: -![NFT Image](/nft-image.jpg) +![NFT Image](/img/tutorials/nft-image.jpg) --- diff --git a/tutorials/pages/hornet-inx-interaction.md b/docs/tutorials/hornet-inx-interaction.md similarity index 100% rename from tutorials/pages/hornet-inx-interaction.md rename to docs/tutorials/hornet-inx-interaction.md diff --git a/tutorials/pages/proof-inclusion-of-a-block.md b/docs/tutorials/proof-inclusion-of-a-block.md similarity index 99% rename from tutorials/pages/proof-inclusion-of-a-block.md rename to docs/tutorials/proof-inclusion-of-a-block.md index 6081099142f..4721c1e0f08 100644 --- a/tutorials/pages/proof-inclusion-of-a-block.md +++ b/docs/tutorials/proof-inclusion-of-a-block.md @@ -16,7 +16,7 @@ Since the pattern assumes trusted access to the network, we recommend that both Please note that this pattern does not rely on a Permanode storing the entire Tangle history, as it was the case in almost all data-related use cases in the past. In comparison to a Permanode, storing selected blocks with their proof of inclusion to the Tangle, drastically reduces the node operator's storage requirements. -![PoI-Architecture](/proof-inclusion-of-a-block-architecture.png) +![PoI-Architecture](/img/tutorials/proof-inclusion-of-a-block-architecture.png) --- diff --git a/tutorials/pages/send-shimmer-tokens-with-iota-sdk.md b/docs/tutorials/send-shimmer-tokens-with-iota-sdk.md similarity index 100% rename from tutorials/pages/send-shimmer-tokens-with-iota-sdk.md rename to docs/tutorials/send-shimmer-tokens-with-iota-sdk.md diff --git a/tutorials/pages/setup_iota-js_for_development.md b/docs/tutorials/setup_iota-js_for_development.md similarity index 98% rename from tutorials/pages/setup_iota-js_for_development.md rename to docs/tutorials/setup_iota-js_for_development.md index 7dcb438432b..609fde90eec 100644 --- a/tutorials/pages/setup_iota-js_for_development.md +++ b/docs/tutorials/setup_iota-js_for_development.md @@ -180,7 +180,7 @@ Now, you can go to the [Shimmer Testnet Faucet Website](https://faucet.testnet.s The 'Request' button will become clickable as soon as a valid Shimmer address is recognized. ::: -![Shimmer Testnet Faucet](/shimmer-testnet-faucet.png) +![Shimmer Testnet Faucet](/img/tutorials/shimmer-testnet-faucet.png) --- diff --git a/tutorials/pages/shimmerevm-dapp-voting.md b/docs/tutorials/shimmerevm-dapp-voting.md similarity index 99% rename from tutorials/pages/shimmerevm-dapp-voting.md rename to docs/tutorials/shimmerevm-dapp-voting.md index 88a3e027241..13c05346b53 100644 --- a/tutorials/pages/shimmerevm-dapp-voting.md +++ b/docs/tutorials/shimmerevm-dapp-voting.md @@ -337,4 +337,4 @@ let tx = contractSigner.vote(i); ## Result If you followed everything above, it should look something like this: -![Voting Demo](/voting-dapp.jpg 'Voting dApp UI') +![Voting Demo](/img/tutorials/voting-dapp.jpg 'Voting dApp UI') diff --git a/tutorials/pages/shimmerevm-hardhat.md b/docs/tutorials/shimmerevm-hardhat.md similarity index 98% rename from tutorials/pages/shimmerevm-hardhat.md rename to docs/tutorials/shimmerevm-hardhat.md index baa75398e07..e1d85e011e9 100644 --- a/tutorials/pages/shimmerevm-hardhat.md +++ b/docs/tutorials/shimmerevm-hardhat.md @@ -48,7 +48,7 @@ The sample project used here comes from the [Hardhat Quickstart guide](https://h You should see the following prompt: -![Hardhat Setup](/shimmer-hardhat-setup.png 'Hardhat Setup') +![Hardhat Setup](/img/tutorials/shimmer-hardhat-setup.png 'Hardhat Setup') Choose the JavaScript project and go through these steps to compile, test and deploy the sample contract. diff --git a/tutorials/pages/shimmerevm-setup.mdx b/docs/tutorials/shimmerevm-setup.mdx similarity index 95% rename from tutorials/pages/shimmerevm-setup.mdx rename to docs/tutorials/shimmerevm-setup.mdx index 7cd3444d03c..eada2d97a90 100644 --- a/tutorials/pages/shimmerevm-setup.mdx +++ b/docs/tutorials/shimmerevm-setup.mdx @@ -30,7 +30,7 @@ To add the ShimmerEVM network manually to your Metamask use following info: - Currency Symbol: `SMR` - Explorer URL: https://explorer.evm.shimmer.network -![Metamask Adding New Network](/metamask-shimmerevm-mainnet.png 'Metamask Adding New Network') +![Metamask Adding New Network](/img/tutorials/metamask-shimmerevm-mainnet.png 'Metamask Adding New Network') Hit `Save` and wait for Metamask to connect to the network. diff --git a/tutorials/pages/shimmerevm-testnet-hardhat.md b/docs/tutorials/shimmerevm-testnet-hardhat.md similarity index 98% rename from tutorials/pages/shimmerevm-testnet-hardhat.md rename to docs/tutorials/shimmerevm-testnet-hardhat.md index c7f0ecf47ca..b39d38a66f0 100644 --- a/tutorials/pages/shimmerevm-testnet-hardhat.md +++ b/docs/tutorials/shimmerevm-testnet-hardhat.md @@ -48,7 +48,7 @@ The sample project used here comes from the [Hardhat Quickstart guide](https://h You should see the following prompt: -![Hardhat Setup](/shimmer-hardhat-setup.png 'Hardhat Setup') +![Hardhat Setup](/img/tutorials/shimmer-hardhat-setup.png 'Hardhat Setup') Choose the JavaScript project and go through these steps to compile, test and deploy the sample contract. diff --git a/tutorials/pages/shimmerevm-testnet-setup.mdx b/docs/tutorials/shimmerevm-testnet-setup.mdx similarity index 92% rename from tutorials/pages/shimmerevm-testnet-setup.mdx rename to docs/tutorials/shimmerevm-testnet-setup.mdx index 0698310411e..5124e19576d 100644 --- a/tutorials/pages/shimmerevm-testnet-setup.mdx +++ b/docs/tutorials/shimmerevm-testnet-setup.mdx @@ -27,7 +27,7 @@ To add the ShimmerEVM Testnet network manually to your Metamask use following in - Currency Symbol: `SMR` - Explorer URL: https://explorer.evm.testnet.shimmer.network -![Metamask Adding New Network](/metamask-shimmerevm.png 'Metamask Adding New Network') +![Metamask Adding New Network](/img/tutorials/metamask-shimmerevm.png 'Metamask Adding New Network') Alternatively, you can setup your own EVM Smart Contract Chain on top of the Shimmer network and provide a custom URL, which might look something like: `https://api.sc.testnet.shimmer.network/chain/rms1prr4r7az8e46qhagz5atugjm6x0xrg27d84677e3lurg0s6s76jr59dw4ls/evm/jsonrpc` as well as your own custom Chain ID. @@ -38,10 +38,10 @@ At this point, our Metamask wallet is connected to the Shimmer EVM Testnet, but ## Get EVM Account Funded Open [EVM Toolkit](https://evm-toolkit.evm.testnet.shimmer.network/) and enter your EVM address as shown below: -![EVM Toolkit](/evm-toolkit.png 'EVM Toolkit') +![EVM Toolkit](/img/tutorials/evm-toolkit.png 'EVM Toolkit') In case, you've setup a custom EVM chain, you'd need to add your custom network first. Please add your own chain address and select the relevant network as shown below: -![EVM Toolkit Custom Network](/evm-toolkit-custom-network.png 'EVM Toolkit Custom Network') +![EVM Toolkit Custom Network](/img/tutorials/evm-toolkit-custom-network.png 'EVM Toolkit Custom Network') Once you're done, click on `Send funds` and wait for a few minutes for the faucet to process. You should start seeing some funds on your Metamask wallet soon. diff --git a/tutorials/pages/wallet-setup.md b/docs/tutorials/wallet-setup.md similarity index 99% rename from tutorials/pages/wallet-setup.md rename to docs/tutorials/wallet-setup.md index 95782c52ba7..47fd0d9c871 100644 --- a/tutorials/pages/wallet-setup.md +++ b/docs/tutorials/wallet-setup.md @@ -395,7 +395,7 @@ The 'Request' button will become clickable as soon as a valid Shimmer address is ::: -![Shimmer Testnet Faucet](/shimmer-testnet-faucet.png) +![Shimmer Testnet Faucet](/img/tutorials/shimmer-testnet-faucet.png) --- diff --git a/docusaurus.config.js b/docusaurus.config.js index 4e841c6ce72..d1f11d0364c 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -4,6 +4,7 @@ const { create_doc_plugin } = require('./src/utils/config'); const contentConfigs = require('./contentPlugins'); const articleRedirectsFile = require('./articleRedirects'); const switcherConfig = require('./switcherConfig'); +const tutorials = require('./tutorials'); const { buildPluginsConfig, maintainPluginsConfig, @@ -210,6 +211,7 @@ module.exports = async () => { ], ], plugins: [ + ...tutorials, ...contentPlugins, [ '@docusaurus/plugin-content-docs', @@ -433,15 +435,6 @@ module.exports = async () => { ], 'plugin-image-zoom', ], - stylesheets: [ - { - href: 'https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css', - type: 'text/css', - integrity: - 'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM', - crossorigin: 'anonymous', - }, - ], themes: [ 'docusaurus-theme-openapi-docs', '@saucelabs/theme-github-codeblock', diff --git a/src/utils/tags.ts b/src/utils/tags.ts index 367cf687caf..a609d2e6488 100644 --- a/src/utils/tags.ts +++ b/src/utils/tags.ts @@ -1,5 +1,5 @@ //TODO tutorial.json should propably be a key-value dictionary -import config from '../../tutorials/tags.json'; +import config from '../../tags.json'; export interface Tag { label: string; diff --git a/tutorials/static/IOTA-Smart-Contract-Tutorials-A.jpg b/static/img/tutorials/IOTA-Smart-Contract-Tutorials-A.jpg similarity index 100% rename from tutorials/static/IOTA-Smart-Contract-Tutorials-A.jpg rename to static/img/tutorials/IOTA-Smart-Contract-Tutorials-A.jpg diff --git a/tutorials/static/IOTA-Smart-Contract-Tutorials-B.jpg b/static/img/tutorials/IOTA-Smart-Contract-Tutorials-B.jpg similarity index 100% rename from tutorials/static/IOTA-Smart-Contract-Tutorials-B.jpg rename to static/img/tutorials/IOTA-Smart-Contract-Tutorials-B.jpg diff --git a/tutorials/static/IOTA-Smart-Contract-Tutorials-C.jpg b/static/img/tutorials/IOTA-Smart-Contract-Tutorials-C.jpg similarity index 100% rename from tutorials/static/IOTA-Smart-Contract-Tutorials-C.jpg rename to static/img/tutorials/IOTA-Smart-Contract-Tutorials-C.jpg diff --git a/tutorials/static/IOTA-Smart-Contract-Tutorials-D.jpg b/static/img/tutorials/IOTA-Smart-Contract-Tutorials-D.jpg similarity index 100% rename from tutorials/static/IOTA-Smart-Contract-Tutorials-D.jpg rename to static/img/tutorials/IOTA-Smart-Contract-Tutorials-D.jpg diff --git a/tutorials/static/IOTA-Smart-Contract-Tutorials-E.jpg b/static/img/tutorials/IOTA-Smart-Contract-Tutorials-E.jpg similarity index 100% rename from tutorials/static/IOTA-Smart-Contract-Tutorials-E.jpg rename to static/img/tutorials/IOTA-Smart-Contract-Tutorials-E.jpg diff --git a/tutorials/static/IOTA-Smart-Contract-Tutorials-F.jpg b/static/img/tutorials/IOTA-Smart-Contract-Tutorials-F.jpg similarity index 100% rename from tutorials/static/IOTA-Smart-Contract-Tutorials-F.jpg rename to static/img/tutorials/IOTA-Smart-Contract-Tutorials-F.jpg diff --git a/tutorials/static/IOTA-Smart-Contract-Tutorials-G.png b/static/img/tutorials/IOTA-Smart-Contract-Tutorials-G.png similarity index 100% rename from tutorials/static/IOTA-Smart-Contract-Tutorials-G.png rename to static/img/tutorials/IOTA-Smart-Contract-Tutorials-G.png diff --git a/tutorials/static/connect-shimmerevm-and-deploy.png b/static/img/tutorials/connect-shimmerevm-and-deploy.png similarity index 100% rename from tutorials/static/connect-shimmerevm-and-deploy.png rename to static/img/tutorials/connect-shimmerevm-and-deploy.png diff --git a/tutorials/static/connect-shimmerevm-testnet-and-deploy.png b/static/img/tutorials/connect-shimmerevm-testnet-and-deploy.png similarity index 100% rename from tutorials/static/connect-shimmerevm-testnet-and-deploy.png rename to static/img/tutorials/connect-shimmerevm-testnet-and-deploy.png diff --git a/tutorials/static/create-nft-with-wallet-lib.png b/static/img/tutorials/create-nft-with-wallet-lib.png similarity index 100% rename from tutorials/static/create-nft-with-wallet-lib.png rename to static/img/tutorials/create-nft-with-wallet-lib.png diff --git a/tutorials/static/evm-toolkit-custom-network.png b/static/img/tutorials/evm-toolkit-custom-network.png similarity index 100% rename from tutorials/static/evm-toolkit-custom-network.png rename to static/img/tutorials/evm-toolkit-custom-network.png diff --git a/tutorials/static/evm-toolkit.png b/static/img/tutorials/evm-toolkit.png similarity index 100% rename from tutorials/static/evm-toolkit.png rename to static/img/tutorials/evm-toolkit.png diff --git a/tutorials/static/hornet-inx-interaction.png b/static/img/tutorials/hornet-inx-interaction.png similarity index 100% rename from tutorials/static/hornet-inx-interaction.png rename to static/img/tutorials/hornet-inx-interaction.png diff --git a/tutorials/static/metamask-shimmerevm-mainnet.png b/static/img/tutorials/metamask-shimmerevm-mainnet.png similarity index 100% rename from tutorials/static/metamask-shimmerevm-mainnet.png rename to static/img/tutorials/metamask-shimmerevm-mainnet.png diff --git a/tutorials/static/metamask-shimmerevm.png b/static/img/tutorials/metamask-shimmerevm.png similarity index 100% rename from tutorials/static/metamask-shimmerevm.png rename to static/img/tutorials/metamask-shimmerevm.png diff --git a/tutorials/static/nft-image.jpg b/static/img/tutorials/nft-image.jpg similarity index 100% rename from tutorials/static/nft-image.jpg rename to static/img/tutorials/nft-image.jpg diff --git a/tutorials/static/proof-inclusion-of-a-block-architecture.png b/static/img/tutorials/proof-inclusion-of-a-block-architecture.png similarity index 100% rename from tutorials/static/proof-inclusion-of-a-block-architecture.png rename to static/img/tutorials/proof-inclusion-of-a-block-architecture.png diff --git a/tutorials/static/proof-inclusion-of-a-block.png b/static/img/tutorials/proof-inclusion-of-a-block.png similarity index 100% rename from tutorials/static/proof-inclusion-of-a-block.png rename to static/img/tutorials/proof-inclusion-of-a-block.png diff --git a/tutorials/static/send-iota-tokens-with-javascript.svg b/static/img/tutorials/send-iota-tokens-with-javascript.svg similarity index 100% rename from tutorials/static/send-iota-tokens-with-javascript.svg rename to static/img/tutorials/send-iota-tokens-with-javascript.svg diff --git a/tutorials/static/send-shimmer-tokens-with-iota-sdk.png b/static/img/tutorials/send-shimmer-tokens-with-iota-sdk.png similarity index 100% rename from tutorials/static/send-shimmer-tokens-with-iota-sdk.png rename to static/img/tutorials/send-shimmer-tokens-with-iota-sdk.png diff --git a/tutorials/static/send-shimmer-tokens-with-javascript.png b/static/img/tutorials/send-shimmer-tokens-with-javascript.png similarity index 100% rename from tutorials/static/send-shimmer-tokens-with-javascript.png rename to static/img/tutorials/send-shimmer-tokens-with-javascript.png diff --git a/tutorials/static/setup_iota-js_for_development.png b/static/img/tutorials/setup_iota-js_for_development.png similarity index 100% rename from tutorials/static/setup_iota-js_for_development.png rename to static/img/tutorials/setup_iota-js_for_development.png diff --git a/tutorials/static/shimmer-hardhat-setup.png b/static/img/tutorials/shimmer-hardhat-setup.png similarity index 100% rename from tutorials/static/shimmer-hardhat-setup.png rename to static/img/tutorials/shimmer-hardhat-setup.png diff --git a/tutorials/static/shimmer-testnet-faucet.png b/static/img/tutorials/shimmer-testnet-faucet.png similarity index 100% rename from tutorials/static/shimmer-testnet-faucet.png rename to static/img/tutorials/shimmer-testnet-faucet.png diff --git a/tutorials/static/shimmerevm-dapp-voting.jpg b/static/img/tutorials/shimmerevm-dapp-voting.jpg similarity index 100% rename from tutorials/static/shimmerevm-dapp-voting.jpg rename to static/img/tutorials/shimmerevm-dapp-voting.jpg diff --git a/tutorials/static/shimmerevm-hardhat.jpg b/static/img/tutorials/shimmerevm-hardhat.jpg similarity index 100% rename from tutorials/static/shimmerevm-hardhat.jpg rename to static/img/tutorials/shimmerevm-hardhat.jpg diff --git a/tutorials/static/voting-dapp.jpg b/static/img/tutorials/voting-dapp.jpg similarity index 100% rename from tutorials/static/voting-dapp.jpg rename to static/img/tutorials/voting-dapp.jpg diff --git a/tutorials/static/wallet-setup.png b/static/img/tutorials/wallet-setup.png similarity index 100% rename from tutorials/static/wallet-setup.png rename to static/img/tutorials/wallet-setup.png diff --git a/tutorials/static/wasp-setup-shimmer.png b/static/img/tutorials/wasp-setup-shimmer.png similarity index 100% rename from tutorials/static/wasp-setup-shimmer.png rename to static/img/tutorials/wasp-setup-shimmer.png diff --git a/tutorials/tags.json b/tags.json similarity index 100% rename from tutorials/tags.json rename to tags.json diff --git a/tutorials.js b/tutorials.js new file mode 100644 index 00000000000..5f4d716f75f --- /dev/null +++ b/tutorials.js @@ -0,0 +1,252 @@ +const pluginTutorial = require('./src/plugins/tutorial'); + +module.exports = [ + [ + '@docusaurus/plugin-content-pages', + { + id: 'single-page-tutorials', + path: './docs/tutorials', + routeBasePath: '/tutorials', + }, + ], + [ + pluginTutorial, + { + title: 'Run a Wasp Node', + description: 'In this tutorial you will learn how to run a wasp node.', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-A.jpg', + route: '/wasp/how-tos/running-a-node', + tags: ['text', 'video'], + }, + ], + [ + pluginTutorial, + { + title: 'Run a Wasp Chain', + description: 'In this tutorial you will learn how to run a wasp chain.', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-B.jpg', + route: '/wasp/how-tos/setting-up-a-chain', + tags: ['text', 'video'], + }, + ], + [ + pluginTutorial, + { + title: 'Deploy a WASM Smart Contract', + description: + 'In this tutorial you will learn how to deploy a wasm smart contract.', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-C.jpg', + route: '/wasp/how-tos/setting-up-a-chain#deploying-a-wasm-contract', + tags: ['text', 'video'], + }, + ], + [ + pluginTutorial, + { + title: 'Deploy a Solidity Smart Contract Using Remix + Metamask', + description: + 'In this tutorial you will learn how to deploy a solidity smart contract on EVM using remix and metamask.', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-E.jpg', + route: '/isc/getting-started/tools#remix', + tags: ['text', 'video'], + }, + ], + [ + pluginTutorial, + { + title: 'Generate a WASM Smart Contract Using the Schema Tool', + description: + 'In this tutorial you will learn how to use schema tool to generate smart contract template code on rust and golang', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-G.png', + route: '/isc/schema/how-tos/usage', + tags: ['text', 'video'], + }, + ], + [ + pluginTutorial, + { + title: + 'Generate a WASM Smart Contract Using the Schema Tool in Typescript', + description: + 'In this tutorial you will learn how to use schema tool to generate smart contract template code on typescript', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-G.png', + route: 'https://www.youtube.com/watch?v=P5HMgmY3DMM', + tags: ['video'], + }, + ], + [ + pluginTutorial, + { + title: 'Interact with IOTA Node Extension (INX)', + description: + 'In this tutorial you will learn how to interact with the IOTA Node Extension (INX) interface based on gRPC.', + preview: '/img/tutorials/hornet-inx-interaction.png', + route: 'tutorials/hornet-inx-interaction', + tags: ['text', 'getting-started', 'shimmer', 'js'], + }, + ], + [ + pluginTutorial, + { + title: 'Tokenless Data Notarization', + description: + 'Proove that a block was part of the past Tangle, even if this part of the Tangle was already pruned from network nodes.', + preview: '/img/tutorials/proof-inclusion-of-a-block.png', + route: 'tutorials/proof-inclusion-of-a-block', + tags: ['text', 'getting-started', 'js', 'client', 'shimmer'], + }, + ], + [ + pluginTutorial, + { + title: 'Set Up a Testnet Address and Receive Funds From the Faucet', + description: + 'In this tutorial you will learn how to create a seed and address with wallet.rs and receive testnet tokens from the faucet.', + preview: '/img/tutorials/wallet-setup.png', + route: 'tutorials/wallet-setup', + tags: ['text', 'getting-started', 'node_js', 'wallet', 'shimmer'], + }, + ], + [ + pluginTutorial, + { + title: 'How to Set Up iota.js for Development', + description: + 'In this tutorial you will learn how to create a new project, generate a new address and receive x funds from the faucet.', + preview: '/img/tutorials/setup_iota-js_for_development.png', + route: 'tutorials/setup_iota-js_for_development', + tags: ['text', 'getting-started', 'client', 'shimmer', 'js'], + }, + ], + [ + pluginTutorial, + { + title: + 'Connect to Shimmer EVM Testnet and Deploy a Solidity Smart Contract', + description: + 'In this tutorial, we will connect to Shimmer EVM Testnet, connect Metamask to it, get funded and deploy a smart contract in Solidity.', + preview: '/img/tutorials/connect-shimmerevm-testnet-and-deploy.png', + route: 'tutorials/shimmerevm-testnet-setup', + tags: [ + 'text', + 'shimmer', + 'solidity', + 'getting-started', + 'wasp', + 'iscp', + 'video', + ], + }, + ], + [ + pluginTutorial, + { + title: + 'Tutorial - Deploy a Solidity Smart Contract on ShimmerEVM Testnet Using Hardhat', + description: + 'In this tutorial, you will learn how to set up Hardhat and use it to build, test and deploy a simple smart contract on ShimmerEVM.', + preview: '/img/tutorials/shimmerevm-hardhat.jpg', + route: 'tutorials/shimmerevm-testnet-hardhat', + tags: [ + 'text', + 'shimmer', + 'solidity', + 'shimmerevm', + 'hardhat', + 'iscp', + 'video', + ], + }, + ], + [ + pluginTutorial, + { + title: 'Create a Simple Voting dApp on ShimmerEVM', + description: + 'This tutorial will guide you as you write and deploy a voting dApp on ShimmerEVM. You can vote on a few options and view the results; all data will be stored on-chain.', + preview: '/img/tutorials/shimmerevm-dapp-voting.jpg', + route: 'tutorials/shimmerevm-dapp-voting', + tags: ['text', 'shimmer', 'solidity', 'iscp'], + }, + ], + [ + pluginTutorial, + { + title: 'Set Up WASP locally Using Docker', + description: + 'In this tutorial you will learn how to set up WASP and Hornet locally for Development setup.', + preview: '/img/tutorials/wasp-setup-shimmer.png', + route: 'https://youtu.be/ltem9Bh_4hA', + tags: ['text', 'shimmer', 'video', 'wasp', 'iscp'], + }, + ], + [ + pluginTutorial, + { + title: 'Create an NFT with the IOTA SDK and IPFS in NodeJs', + description: + 'In this tutorial you will learn how to create a NFT on the Shimmer network with iota-sdk and IPFS.', + preview: '/img/tutorials/create-nft-with-wallet-lib.png', + route: 'tutorials/create-nft-with-iota-sdk', + tags: [ + 'text', + 'getting-started', + 'node_js', + 'iota-sdk', + 'ipfs', + 'shimmer', + 'sdk', + ], + }, + ], + [ + pluginTutorial, + { + title: 'Send Shimmer Tokens with IOTA SDK in NodeJs', + description: + 'In this tutorial you will learn how to send Shimmer Tokens with IOTA SDK in NodeJs.', + preview: '/img/tutorials/send-shimmer-tokens-with-iota-sdk.png', + route: 'tutorials/send-shimmer-tokens-with-iota-sdk', + tags: ['text', 'iota-sdk', 'sdk', 'getting-started', 'rust', 'shimmer'], + }, + ], + [ + pluginTutorial, + { + title: 'Connect to Shimmer EVM and Deploy a Solidity Smart Contract', + description: + 'In this tutorial, we will connect to Shimmer EVM, connect Metamask to it, get funded and deploy a smart contract in Solidity.', + preview: '/img/tutorials/connect-shimmerevm-and-deploy.png', + route: 'tutorials/shimmerevm-setup', + tags: [ + 'text', + 'shimmer', + 'solidity', + 'getting-started', + 'wasp', + 'iscp', + 'video', + ], + }, + ], + [ + pluginTutorial, + { + title: + 'Tutorial - Deploy a Solidity Smart Contract on ShimmerEVM Using Hardhat', + description: + 'In this tutorial, you will learn how to set up Hardhat and use it to build, test and deploy a simple smart contract on ShimmerEVM.', + preview: '/img/tutorials/shimmerevm-hardhat.jpg', + route: 'tutorials/shimmerevm-hardhat', + tags: [ + 'text', + 'shimmer', + 'solidity', + 'shimmerevm', + 'hardhat', + 'iscp', + 'video', + ], + }, + ], +]; diff --git a/tutorials/docusaurus.config.js b/tutorials/docusaurus.config.js deleted file mode 100644 index 54a6b42d287..00000000000 --- a/tutorials/docusaurus.config.js +++ /dev/null @@ -1,256 +0,0 @@ -const path = require('path'); -const pluginTutorial = require('../src/plugins/tutorial'); - -module.exports = { - plugins: [ - [ - '@docusaurus/plugin-content-pages', - { - id: 'single-page-tutorials', - path: path.resolve(__dirname, 'pages'), - routeBasePath: '/tutorials', - }, - ], - [ - pluginTutorial, - { - title: 'Run a Wasp Node', - description: 'In this tutorial you will learn how to run a wasp node.', - preview: '/IOTA-Smart-Contract-Tutorials-A.jpg', - route: '/wasp/how-tos/running-a-node', - tags: ['text', 'video'], - }, - ], - [ - pluginTutorial, - { - title: 'Run a Wasp Chain', - description: 'In this tutorial you will learn how to run a wasp chain.', - preview: '/IOTA-Smart-Contract-Tutorials-B.jpg', - route: '/wasp/how-tos/setting-up-a-chain', - tags: ['text', 'video'], - }, - ], - [ - pluginTutorial, - { - title: 'Deploy a WASM Smart Contract', - description: - 'In this tutorial you will learn how to deploy a wasm smart contract.', - preview: '/IOTA-Smart-Contract-Tutorials-C.jpg', - route: '/wasp/how-tos/setting-up-a-chain#deploying-a-wasm-contract', - tags: ['text', 'video'], - }, - ], - [ - pluginTutorial, - { - title: 'Deploy a Solidity Smart Contract Using Remix + Metamask', - description: - 'In this tutorial you will learn how to deploy a solidity smart contract on EVM using remix and metamask.', - preview: '/IOTA-Smart-Contract-Tutorials-E.jpg', - route: '/isc/getting-started/tools#remix', - tags: ['text', 'video'], - }, - ], - [ - pluginTutorial, - { - title: 'Generate a WASM Smart Contract Using the Schema Tool', - description: - 'In this tutorial you will learn how to use schema tool to generate smart contract template code on rust and golang', - preview: '/IOTA-Smart-Contract-Tutorials-G.png', - route: '/isc/schema/how-tos/usage', - tags: ['text', 'video'], - }, - ], - [ - pluginTutorial, - { - title: - 'Generate a WASM Smart Contract Using the Schema Tool in Typescript', - description: - 'In this tutorial you will learn how to use schema tool to generate smart contract template code on typescript', - preview: '/IOTA-Smart-Contract-Tutorials-G.png', - route: 'https://www.youtube.com/watch?v=P5HMgmY3DMM', - tags: ['video'], - }, - ], - [ - pluginTutorial, - { - title: 'Interact with IOTA Node Extension (INX)', - description: - 'In this tutorial you will learn how to interact with the IOTA Node Extension (INX) interface based on gRPC.', - preview: '/hornet-inx-interaction.png', - route: 'tutorials/hornet-inx-interaction', - tags: ['text', 'getting-started', 'shimmer', 'js'], - }, - ], - [ - pluginTutorial, - { - title: 'Tokenless Data Notarization', - description: - 'Proove that a block was part of the past Tangle, even if this part of the Tangle was already pruned from network nodes.', - preview: '/proof-inclusion-of-a-block.png', - route: 'tutorials/proof-inclusion-of-a-block', - tags: ['text', 'getting-started', 'js', 'client', 'shimmer'], - }, - ], - [ - pluginTutorial, - { - title: 'Set Up a Testnet Address and Receive Funds From the Faucet', - description: - 'In this tutorial you will learn how to create a seed and address with wallet.rs and receive testnet tokens from the faucet.', - preview: '/wallet-setup.png', - route: 'tutorials/wallet-setup', - tags: ['text', 'getting-started', 'node_js', 'wallet', 'shimmer'], - }, - ], - [ - pluginTutorial, - { - title: 'How to Set Up iota.js for Development', - description: - 'In this tutorial you will learn how to create a new project, generate a new address and receive x funds from the faucet.', - preview: '/setup_iota-js_for_development.png', - route: 'tutorials/setup_iota-js_for_development', - tags: ['text', 'getting-started', 'client', 'shimmer', 'js'], - }, - ], - [ - pluginTutorial, - { - title: - 'Connect to Shimmer EVM Testnet and Deploy a Solidity Smart Contract', - description: - 'In this tutorial, we will connect to Shimmer EVM Testnet, connect Metamask to it, get funded and deploy a smart contract in Solidity.', - preview: '/connect-shimmerevm-testnet-and-deploy.png', - route: 'tutorials/shimmerevm-testnet-setup', - tags: [ - 'text', - 'shimmer', - 'solidity', - 'getting-started', - 'wasp', - 'iscp', - 'video', - ], - }, - ], - [ - pluginTutorial, - { - title: - 'Tutorial - Deploy a Solidity Smart Contract on ShimmerEVM Testnet Using Hardhat', - description: - 'In this tutorial, you will learn how to set up Hardhat and use it to build, test and deploy a simple smart contract on ShimmerEVM.', - preview: '/shimmerevm-hardhat.jpg', - route: 'tutorials/shimmerevm-testnet-hardhat', - tags: [ - 'text', - 'shimmer', - 'solidity', - 'shimmerevm', - 'hardhat', - 'iscp', - 'video', - ], - }, - ], - [ - pluginTutorial, - { - title: 'Create a Simple Voting dApp on ShimmerEVM', - description: - 'This tutorial will guide you as you write and deploy a voting dApp on ShimmerEVM. You can vote on a few options and view the results; all data will be stored on-chain.', - preview: '/shimmerevm-dapp-voting.jpg', - route: 'tutorials/shimmerevm-dapp-voting', - tags: ['text', 'shimmer', 'solidity', 'iscp'], - }, - ], - [ - pluginTutorial, - { - title: 'Set Up WASP locally Using Docker', - description: - 'In this tutorial you will learn how to set up WASP and Hornet locally for Development setup.', - preview: '/wasp-setup-shimmer.png', - route: 'https://youtu.be/ltem9Bh_4hA', - tags: ['text', 'shimmer', 'video', 'wasp', 'iscp'], - }, - ], - [ - pluginTutorial, - { - title: 'Create an NFT with the IOTA SDK and IPFS in NodeJs', - description: - 'In this tutorial you will learn how to create a NFT on the Shimmer network with iota-sdk and IPFS.', - preview: '/create-nft-with-wallet-lib.png', - route: 'tutorials/create-nft-with-iota-sdk', - tags: [ - 'text', - 'getting-started', - 'node_js', - 'iota-sdk', - 'ipfs', - 'shimmer', - 'sdk', - ], - }, - ], - [ - pluginTutorial, - { - title: 'Send Shimmer Tokens with IOTA SDK in NodeJs', - description: - 'In this tutorial you will learn how to send Shimmer Tokens with IOTA SDK in NodeJs.', - preview: '/send-shimmer-tokens-with-iota-sdk.png', - route: 'tutorials/send-shimmer-tokens-with-iota-sdk', - tags: ['text', 'iota-sdk', 'sdk', 'getting-started', 'rust', 'shimmer'], - }, - ], - [ - pluginTutorial, - { - title: 'Connect to Shimmer EVM and Deploy a Solidity Smart Contract', - description: - 'In this tutorial, we will connect to Shimmer EVM, connect Metamask to it, get funded and deploy a smart contract in Solidity.', - preview: '/connect-shimmerevm-and-deploy.png', - route: 'tutorials/shimmerevm-setup', - tags: [ - 'text', - 'shimmer', - 'solidity', - 'getting-started', - 'wasp', - 'iscp', - 'video', - ], - }, - ], - [ - pluginTutorial, - { - title: - 'Tutorial - Deploy a Solidity Smart Contract on ShimmerEVM Using Hardhat', - description: - 'In this tutorial, you will learn how to set up Hardhat and use it to build, test and deploy a simple smart contract on ShimmerEVM.', - preview: '/shimmerevm-hardhat.jpg', - route: 'tutorials/shimmerevm-hardhat', - tags: [ - 'text', - 'shimmer', - 'solidity', - 'shimmerevm', - 'hardhat', - 'iscp', - 'video', - ], - }, - ], - ], - staticDirectories: [path.resolve(__dirname, 'static')], -};