Skip to content
This repository was archived by the owner on Jan 5, 2024. It is now read-only.
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
3 changes: 1 addition & 2 deletions docs/onboarding/17 Engine/0 Overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@ title: Overview
---

import QuickstartCard from "@components/QuickstartCard";
import OverviewImage from "./assets/engine-overview.png";

Engine is a backend HTTP server that calls smart contracts using your managed backend wallets.

Expand All @@ -20,7 +19,7 @@ Engine is a backend HTTP server that calls smart contracts using your managed ba
Engine is fully [open-sourced](https://github.com/thirdweb-dev/engine) and [self-hosted](/engine/getting-started). We're improving it daily and welcome your feedback in our [Discord](https://discord.gg/thirdweb)!

<figure>
<img src={OverviewImage} width="400px" alt="Engine overview" />
<img src="/assets/engine/engine-overview.png" width="400px" alt="Engine overview" />
<figcaption style={{ fontSize: '12px' }}>Your backend calls Engine to interact with any EVM blockchain.</figcaption>
</figure>

Expand Down
2 changes: 1 addition & 1 deletion docs/onboarding/17 Engine/4 FAQ.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ If a transaction is has not yet been mined or failed, cancel the transaction wit

Or to cancel a transaction in the Engine dashboard, select the **Cancel transaction** button next to the status in the **Transactions** table.

![Cancel transaction button](./assets/cancel-transaction-button.png)
![Cancel transaction button](/assets/engine/cancel-transaction-button.png)

#### How do I customize RPC URLs?

Expand Down
11 changes: 5 additions & 6 deletions docs/onboarding/17 Engine/Guides/0 Airdrop NFTs.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,12 @@ import QuickstartCard from "@components/QuickstartCard";
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import CodeBlock from "@theme/CodeBlock";
import OverviewImage from "../assets/airdrop-overview.png";

Engine makes it effortless for any developer to airdrop NFTs at scale. You sponsor the gas so your users only need a wallet address!

> This guide references Polygon Mumbai testnet and NextJS but is applicable for any EVM chain and full-stack framework.

<img src={OverviewImage} width="600px" alt="Airdrop overview" />
<img src="/assets/engine/airdrop-overview.png" width="600px" alt="Airdrop overview" />

## Prerequisites

Expand Down Expand Up @@ -99,14 +98,14 @@ export async function POST(request: Request) {
Here’s what the user flow looks like.

The app prompts the user to connect their wallet.
![Initial page load](../assets/airdrop-nfts-1.png)
![The app prompts the user to connect their wallet.](../assets/airdrop-nfts-2.png)
![Initial page load](/assets/engine/airdrop-nfts-1.png)
![The app prompts the user to connect their wallet.](/assets/engine/airdrop-nfts-2.png)

A user presses claim.
![A user presses claim.](../assets/airdrop-nfts-3.png)
![A user presses claim.](/assets/engine/airdrop-nfts-3.png)

They'll receive the NFT in their wallet shortly!
![They'll receive the NFT in their wallet shortly!](../assets/airdrop-nfts-4.png)
![They'll receive the NFT in their wallet shortly!](/assets/engine/airdrop-nfts-4.png)

## Full code example

Expand Down
9 changes: 4 additions & 5 deletions docs/onboarding/17 Engine/Guides/1 NFT Checkout.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ import QuickstartCard from "@components/QuickstartCard";
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import CodeBlock from "@theme/CodeBlock";
import OverviewImage from "../assets/nft-checkout-overview.png";

This guide uses thirdweb Engine to sell NFTs with credit card:

Expand All @@ -19,7 +18,7 @@ The buyer receives the NFT without requiring wallet signatures or gas funds.

> This guide references Polygon Mumbai testnet and NextJS but is applicable for any EVM chain and full-stack framework.

<img src={OverviewImage} width="600px" alt="NFT checkout overview" />
<img src="/assets/engine/nft-checkout-overview.png" width="600px" alt="NFT checkout overview" />

## Prerequisites

Expand Down Expand Up @@ -194,16 +193,16 @@ Navigate to the [Stripe webhooks dashboard (test mode)](https://dashboard.stripe
Here’s what the user flow looks like.

The buyer is prompted to provide their credit card.
![Initial page load](../assets/nft-checkout-1.png)
<img src="/assets/engine/nft-checkout-1.png" alt="Initial page load" width="400px" />

They provide their card details.

> _Tip: Stripe testmode accepts `4242 4242 4242 4242` as a valid credit card._

![Prompted for card details](../assets/nft-checkout-2.png)
<img src="/assets/engine/nft-checkout-2.png" alt="Prompted for card details" width="400px" />

They are informed when their payment is submitted.
![Successful payment](../assets/nft-checkout-3.png)
<img src="/assets/engine/nft-checkout-3.png" alt="Successful payment" width="400px" />

## Full code example

Expand Down