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 0c4b91481f0..ccf98af41ea 100644 --- a/tutorials/pages/setup_iota-js_for_development.md +++ b/docs/tutorials/setup_iota-js_for_development.md @@ -181,7 +181,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 5ebe1897e96..9f5348012a5 100644 --- a/tutorials/pages/shimmerevm-setup.mdx +++ b/docs/tutorials/shimmerevm-setup.mdx @@ -29,7 +29,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 5429d7d8143..f0e525cef38 100644 --- a/tutorials/pages/shimmerevm-testnet-setup.mdx +++ b/docs/tutorials/shimmerevm-testnet-setup.mdx @@ -26,7 +26,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. @@ -37,10 +37,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.ts b/docusaurus.config.ts index 8f9573c81b7..0777de55516 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -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, @@ -213,6 +214,7 @@ module.exports = async () => { ], ], plugins: [ + ...tutorials, ...contentPlugins, [ '@docusaurus/plugin-content-docs', 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/docusaurus.config.js b/tutorials.js similarity index 84% rename from tutorials/docusaurus.config.js rename to tutorials.js index 098e7332667..75c9a5a140a 100644 --- a/tutorials/docusaurus.config.js +++ b/tutorials.js @@ -1,13 +1,11 @@ -const path = require('path'); -const tutorial = require('../src/plugins/tutorial'); +const tutorial = require('./src/plugins/tutorial'); -module.exports = { - plugins: [ +module.exports = [ [ '@docusaurus/plugin-content-pages', { id: 'single-page-tutorials', - path: path.resolve(__dirname, 'pages'), + path: './docs/tutorials', routeBasePath: '/tutorials', }, ], @@ -16,7 +14,7 @@ module.exports = { { 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', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-A.jpg', route: '/wasp/how-tos/running-a-node', tags: ['text', 'video'], }, @@ -26,7 +24,7 @@ module.exports = { { 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', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-B.jpg', route: '/wasp/how-tos/setting-up-a-chain', tags: ['text', 'video'], }, @@ -37,7 +35,7 @@ module.exports = { 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', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-C.jpg', route: '/wasp/how-tos/setting-up-a-chain#deploying-a-wasm-contract', tags: ['text', 'video'], }, @@ -48,7 +46,7 @@ module.exports = { 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', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-E.jpg', route: '/isc/getting-started/tools#remix', tags: ['text', 'video'], }, @@ -59,7 +57,7 @@ module.exports = { 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', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-G.png', route: '/isc/schema/how-tos/usage', tags: ['text', 'video'], }, @@ -71,7 +69,7 @@ module.exports = { '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', + preview: '/img/tutorials/IOTA-Smart-Contract-Tutorials-G.png', route: 'https://www.youtube.com/watch?v=P5HMgmY3DMM', tags: ['video'], }, @@ -82,7 +80,7 @@ module.exports = { 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', + preview: '/img/tutorials/hornet-inx-interaction.png', route: 'tutorials/hornet-inx-interaction', tags: ['text', 'getting-started', 'shimmer', 'js'], }, @@ -93,7 +91,7 @@ module.exports = { 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', + preview: '/img/tutorials/proof-inclusion-of-a-block.png', route: 'tutorials/proof-inclusion-of-a-block', tags: ['text', 'getting-started', 'js', 'client', 'shimmer'], }, @@ -104,7 +102,7 @@ module.exports = { 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', + preview: '/img/tutorials/wallet-setup.png', route: 'tutorials/wallet-setup', tags: ['text', 'getting-started', 'node_js', 'wallet', 'shimmer'], }, @@ -115,7 +113,7 @@ module.exports = { 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', + preview: '/img/tutorials/setup_iota-js_for_development.png', route: 'tutorials/setup_iota-js_for_development', tags: ['text', 'getting-started', 'client', 'shimmer', 'js'], }, @@ -127,7 +125,7 @@ module.exports = { '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', + preview: '/img/tutorials/connect-shimmerevm-testnet-and-deploy.png', route: 'tutorials/shimmerevm-testnet-setup', tags: [ 'text', @@ -147,7 +145,7 @@ module.exports = { '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', + preview: '/img/tutorials/shimmerevm-hardhat.jpg', route: 'tutorials/shimmerevm-testnet-hardhat', tags: [ 'text', @@ -166,7 +164,7 @@ module.exports = { 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', + preview: '/img/tutorials/shimmerevm-dapp-voting.jpg', route: 'tutorials/shimmerevm-dapp-voting', tags: ['text', 'shimmer', 'solidity', 'iscp'], }, @@ -177,7 +175,7 @@ module.exports = { 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', + preview: '/img/tutorials/wasp-setup-shimmer.png', route: 'https://youtu.be/ltem9Bh_4hA', tags: ['text', 'shimmer', 'video', 'wasp', 'iscp'], }, @@ -188,7 +186,7 @@ module.exports = { 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', + preview: '/img/tutorials/create-nft-with-wallet-lib.png', route: 'tutorials/create-nft-with-iota-sdk', tags: [ 'text', @@ -207,7 +205,7 @@ module.exports = { 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', + 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'], }, @@ -218,7 +216,7 @@ module.exports = { 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', + preview: '/img/tutorials/connect-shimmerevm-and-deploy.png', route: 'tutorials/shimmerevm-setup', tags: [ 'text', @@ -238,7 +236,7 @@ module.exports = { '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', + preview: '/img/tutorials/shimmerevm-hardhat.jpg', route: 'tutorials/shimmerevm-hardhat', tags: [ 'text', @@ -251,6 +249,4 @@ module.exports = { ], }, ], - ], - staticDirectories: [path.resolve(__dirname, 'static')], -}; +];