Skip to content
Merged
Show file tree
Hide file tree
Changes from 7 commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
3a7a418
fix: get started ready
nhussein11 Nov 4, 2025
edcd596
fix: remix deploy
nhussein11 Nov 4, 2025
e630bb9
Update troubleshooting guide for Remix IDE and comment out 'Verify a …
nhussein11 Nov 4, 2025
2fb6744
fix: images and names
nhussein11 Nov 4, 2025
076b62d
fix: remove verify contract file
nhussein11 Nov 4, 2025
8261fc1
fix: llms
nhussein11 Nov 4, 2025
54a8024
Apply suggestions from code review
dawnkelly09 Nov 5, 2025
dda65db
fix: prerequisite
nhussein11 Nov 6, 2025
a8b8e66
fix: llms
nhussein11 Nov 6, 2025
a05af65
Grammarly things and reformat to FAQ style dropdowns for troubleshoot…
dawnkelly09 Nov 11, 2025
802a536
applies review feedback
dawnkelly09 Nov 11, 2025
50c0a83
Merge branch 'staging/product-ia' into nhussein11/add-remix-ide
dawnkelly09 Nov 11, 2025
930414a
Clean up formatting of titles and bullets
dawnkelly09 Nov 13, 2025
7323fd7
fix: feedback
nhussein11 Nov 17, 2025
5fc63e2
fix: llms
nhussein11 Nov 17, 2025
be0d460
fix: gifs lists wording
nhussein11 Nov 17, 2025
4cb6e96
fix: llms
nhussein11 Nov 17, 2025
0820fd3
Merge branch 'staging/product-ia' into nhussein11/add-remix-ide
nhussein11 Nov 17, 2025
dcfbc85
Remove outdated troubleshooting and verification guides for Remix IDE…
nhussein11 Nov 17, 2025
63a543e
fix errant merge conflict syntax, description length
dawnkelly09 Nov 18, 2025
dff1c0b
applies review feedback
dawnkelly09 Nov 18, 2025
64e4383
grammarly pass
dawnkelly09 Nov 18, 2025
bb80152
minor fix and llms
eshaben Nov 18, 2025
f2bc2ca
Merge branch 'staging/product-ia' into nhussein11/add-remix-ide
eshaben Nov 18, 2025
29c3c6f
Merge branch 'staging/product-ia' into nhussein11/add-remix-ide
eshaben Nov 18, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
446 changes: 349 additions & 97 deletions .ai/categories/smart-contracts.md

Large diffs are not rendered by default.

446 changes: 349 additions & 97 deletions .ai/categories/tooling.md

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
@@ -1,5 +1,81 @@
---
title: Deploy and Interact with Smart Contracts Using Remix IDE
description: Learn how to deploy smart contracts to Polkadot Hub and interact with them using the Remix IDE and wallet providers.
categories: Smart Contracts, Tooling
url: https://docs.polkadot.com/smart-contracts/dev-environments/remix/deploy-a-contract/
---

TODO
# Deploy Smart Contracts Using Remix IDE

## Overview

After compiling your smart contract in Remix IDE, the next step is to deploy it to the Polkadot Hub network. This guide will walk you through the deployment process using a wallet provider, and show you how to interact with your deployed contracts directly from the Remix interface.

## Prerequisites

Before deploying your contract, ensure you have:

- Completed the [Remix IDE setup](/smart-contracts/dev-environments/remix/get-started/){target=\_blank} and have a compiled contract ready
- A compatible wallet extension installed (e.g., [MetaMask](https://metamask.io/){target=\_blank} or [Talisman](https://www.talisman.xyz/){target=\_blank})
- Your wallet connected to the Polkadot Hub network
- Test tokens in your wallet to cover deployment and transaction fees (available from the [Polkadot faucet](/smart-contracts/faucet/){target=\_blank})

## Deploying Contracts

1. To deploy your contract, you need to:

1. Navigate to the **Deploy & Run Transactions** tab (fourth icon in the left sidebar).
2. Click the **Environment** dropdown.
3. Select **Browser Extension**.
3. Click on the **Injected Provider - MetaMask** option.

2. Click the **Deploy** button and then click **Confirm** in the wallet popup.

3. Once your contract is deployed successfully, you will see the deployment confirmation in the Remix terminal.

![](/images/smart-contracts/dev-environments/remix/deploy-a-contract/remix-1.gif)

## Interacting with Contracts

Once deployed, your contract appears in the **Deployed/Unpinned Contracts** section:

1. Expand the contract to view available methods.

!!! tip
Pin your frequently used contracts to the **Pinned Contracts** section for easy access.

2. To interact with the contract, you can select any of the exposed methods.

In this way, you can interact with your deployed contract by reading its state or writing to it. The button color indicates the type of interaction available:

- **Red**: Modifies state and is payable
- **Orange**: Modifies state only
- **Blue**: Reads state

3. Click the **GetCount** button to read the current count value.

4. Click the **Increment** button to increment the count value.

5. Submit the transaction and click the **Confirm** button in the wallet popup.

6. Once the transaction is confirmed, you will see the updated count value in the Remix terminal.

![](/images/smart-contracts/dev-environments/remix/deploy-a-contract/remix-2.gif)

## Where to Go Next

You've successfully deployed and interacted with your smart contract on Polkadot Hub using Remix IDE. Continue enhancing your development workflow with these resources:

<div class="grid cards" markdown>



- <span class="badge guide">Guide</span> __Troubleshooting__

---

Find solutions to common issues when working with Remix IDE.

[:octicons-arrow-right-24: Get Started](/smart-contracts/dev-environments/remix/troubleshooting)

</div>
116 changes: 19 additions & 97 deletions .ai/pages/smart-contracts-dev-environments-remix-get-started.md
Original file line number Diff line number Diff line change
@@ -1,69 +1,40 @@
---
title: Use the Polkadot Remix IDE
description: Explore the smart contract development and deployment process on Asset Hub using Remix IDE, a visual IDE for blockchain developers.
title: Use the Remix IDE on Polkadot Hub
description: Explore the smart contract development and deployment process on Polkadot Hub using Remix IDE, a visual IDE for blockchain developers.
categories: Smart Contracts, Tooling
url: https://docs.polkadot.com/smart-contracts/dev-environments/remix/get-started/
---

# Remix IDE

!!! smartcontract "PolkaVM Preview Release"
PolkaVM smart contracts with Ethereum compatibility are in **early-stage development and may be unstable or incomplete**.
<div class="grid cards" markdown>
- :octicons-code-16:{ .lg .middle } __Deploy NFTs Using Remix IDE__

---

Mint your NFT on Polkadot's Asset Hub. Use PolkaVM and OpenZeppelin to bring your digital asset to life with Polkadot Remix IDE.

<br>
[:octicons-arrow-right-24: Get Started](/smart-contracts/cookbook/smart-contracts/deploy-nft/){target=\_blank}

- :octicons-code-16:{ .lg .middle } __Deploy ERC20s Using Remix IDE__

---

Mint your custom ERC-20 token on Polkadot's Asset Hub. Leverage PolkaVM and Polkadot Remix IDE to bring your blockchain project to life.

<br>
[:octicons-arrow-right-24: Get Started](/smart-contracts/cookbook/smart-contracts/deploy-erc20/){target=\_blank}
</div>

!!! warning
The Polkadot Remix IDE's contract compilation functionality is currently limited to Google Chrome. Alternative browsers are not recommended for this task.

## Overview

Remix IDE is a robust browser-based development environment for smart contracts. This guide will walk you through the essentials of the [Polkadot Remix IDE](https://remix.polkadot.io/){target=\_blank} to understand the processes of compiling, developing, and deploying smart contracts on Asset Hub.
Remix IDE is a robust browser-based development environment for smart contracts. This guide will walk you through the essentials of the [Remix IDE](https://remix.ethereum.org/){target=\_blank} to understand the processes of compiling, developing, and deploying smart contracts on Polkadot Hub.

## Prerequisites

Before getting started, ensure you have:

- A web browser with [Talisman](https://talisman.xyz/){target=\_blank} extension installed.
- A web browser with [MetaMask](https://metamask.io/){target=\_blank} extension installed.
- Basic understanding of Solidity programming.
- Some WND test tokens to cover transaction fees (easily obtainable from the [Polkadot faucet](https://faucet.polkadot.io/westend?parachain=1000){target=\_blank}).
- Some DOT test tokens to cover transaction fees (easily obtainable from the [Polkadot faucet](/smart-contracts/faucet/){target=\_blank}).

## Accessing Remix IDE

Navigate to [https://remix.polkadot.io/](https://remix.polkadot.io/){target=\_blank}. The interface will load with a default workspace containing sample contracts.
Navigate to [https://remix.ethereum.org/](https://remix.ethereum.org/){target=\_blank}. The interface will load with a default workspace containing sample contracts.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-1.webp)

In this interface, you can access a file explorer, edit your code, interact with various plugins for development, and use a terminal.

## Creating a New Contract

To create a new contract using the Polkadot Remix IDE, you can follow these steps:
To create a new contract using the Remix IDE, you can follow these steps:

1. Select the **Create a new file** button in the `contracts` folder.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-2.webp)

2. Name your file with a `.sol` extension, in this case, `Counter.sol`.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-3.webp)

3. Write your Solidity code in the editor.

You can use the following code as an example:
Expand Down Expand Up @@ -91,89 +62,40 @@ To create a new contract using the Polkadot Remix IDE, you can follow these step
}
```

![](/images/smart-contracts/dev-environments/remix/get-started/remix-4.webp)
![](/images/smart-contracts/dev-environments/remix/get-started/remix-2.gif)


## Compiling Your Contract

1. To compile your contract, you need to:
To compile your contract, you need to:

1. Navigate to the **Solidity Compiler** tab (third icon in the left sidebar).
2. Select **Compile** or use `Ctrl+S`.
1. Navigate to the **Solidity Compiler** tab (third icon in the left sidebar).
2. Select **Compile** or use `Ctrl+S`.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-5.webp)

!!! note
Compilation errors and warnings appear in the terminal panel at the bottom of the screen.
!!! note
Compilation errors and warnings appear in the terminal panel at the bottom of the screen.

1. After compiling your contract, you can navigate to the **File Explorer** tab (first icon in the left sidebar) and check that:
3. After compiling your contract, you can navigate to the **File Explorer** tab (first icon in the left sidebar) and check that:
1. The `artifact` folder is present.
2. The `Counter_metadata.json` and the `Counter.json` files have been generated.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-6.webp)

## Deploying Contracts

1. To deploy your contract, you need to:

1. Navigate to the **Deploy & Run Transactions** tab (fourth icon in the left sidebar).
2. Click the **Environment** dropdown.
3. Select **Customize this list**.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-7.webp)

2. Enable the **Injected Provider - Talisman** option.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-8.webp)

4. Click again the **Environment** dropdown and select **Injected Provider - Talisman**.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-9.webp)

4. Click the **Deploy** button and then click **Approve** in the Talisman wallet popup.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-10.webp)

5. Once your contract is deployed successfully, you will see the following output in the Remix terminal:

![](/images/smart-contracts/dev-environments/remix/get-started/remix-11.webp)

## Interacting with Contracts

Once deployed, your contract appears in the **Deployed/Unpinned Contracts** section:

1. Expand the contract to view available methods.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-12.webp)

!!! tip
Pin your frequently used contracts to the **Pinned Contracts** section for easy access.

2. To interact with the contract, you can select any of the exposed methods.

![](/images/smart-contracts/dev-environments/remix/get-started/remix-13.webp)

In this way, you can interact with your deployed contract by reading its state or writing to it. The button color indicates the type of interaction available:

- **Red**: Modifies state and is payable.
- **Orange**: Modifies state only.
- **Blue**: Reads state.
![](/images/smart-contracts/dev-environments/remix/get-started/remix-3.gif)

## Where to Go Next

The Polkadot Remix IDE offers an environment for developing, compiling, and deploying smart contracts on Asset Hub. Its intuitive interface allows developers to easily write Solidity code, compile contracts, and interact with them directly in the browser.
The Remix IDE offers an environment for developing, compiling, and deploying smart contracts on the Polkadot Hub. Its intuitive interface allows developers to easily write Solidity code, compile contracts, and interact with them directly in the browser.

Explore more about smart contracts through these resources:

<div class="grid cards" markdown>

- <span class="badge guide">Guide</span> __Smart Contracts on Polkadot__
- <span class="badge guide">Guide</span> __Deploy a Contract__

---

Dive into advanced smart contract concepts.
Learn how to deploy smart contracts using Remix IDE.

[:octicons-arrow-right-24: Get Started](/smart-contracts/)
[:octicons-arrow-right-24: Get Started](/smart-contracts/dev-environments/remix/deploy-a-contract)

- <span class="badge external">External</span> __OpenZeppelin Contracts__

Expand Down
Loading