Skip to content

[Docs] Project Rebrand #7455

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jun 27, 2025
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
36 changes: 18 additions & 18 deletions apps/portal/src/app/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,15 +33,15 @@ import { ThirdwebIcon } from "../icons/thirdweb";
const links = [
{
href: "/connect",
name: "Connect",
name: "Wallets",
},
{
href: "/pay",
name: "Bridge",
name: "Payments",
},
{
href: "/engine",
name: "Engine",
name: "Transactions",
},
{
href: "/contracts",
Expand Down Expand Up @@ -181,7 +181,7 @@ const sdkLinks = [
const supportLinks = [
{
href: "/knowledge-base",
name: "Get thirdweb support",
name: "Articles",
},
{
href: "/account",
Expand Down Expand Up @@ -216,6 +216,20 @@ export function Header() {
</div>

<div className="flex items-center gap-3">
<div className="hidden xl:block">
<Link
className="text-foreground"
href="https://github.com/thirdweb-dev"
target="_blank"
>
<GithubIcon className="mx-3 size-6" />
</Link>
</div>

<div className="hidden xl:block">
<ThemeSwitcher className="border-none bg-transparent" />
</div>

<div className="hidden xl:block">
<DocSearch variant="search" />
</div>
Expand All @@ -231,20 +245,6 @@ export function Header() {
</Button>
</div>

<div className="hidden xl:block">
<ThemeSwitcher className="border-none bg-transparent" />
</div>

<div className="hidden xl:block">
<Link
className="text-foreground"
href="https://github.com/thirdweb-dev"
target="_blank"
>
<GithubIcon className="mx-3 size-6" />
</Link>
</div>

<div className="flex items-center gap-1 xl:hidden">
<ThemeSwitcher className="border-none bg-transparent" />
<DocSearch variant="icon" />
Expand Down
2 changes: 1 addition & 1 deletion apps/portal/src/app/connect/layout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export default async function Layout(props: { children: React.ReactNode }) {
sideBar={sidebar}
sidebarHeader={
<div className="flex-col items-center gap-1">
<p className="py-5 font-semibold text-foreground text-lg">Connect</p>
<p className="py-5 font-semibold text-foreground text-lg">Wallets</p>
<PlatformSelector selected="Overview" />
</div>
}
Expand Down
12 changes: 6 additions & 6 deletions apps/portal/src/app/connect/page.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -34,9 +34,9 @@ export const metadata = createMetadata({
},
});

# What is Connect?
# Wallets

Connect is the complete toolkit for connecting every user to your application. It features customizable onboarding flows, self-custodial in-app wallets, account abstraction, onramps, and a performant API to interact with the blockchain.
Wallets is the complete toolkit for connecting every user to your application. It features customizable onboarding flows, self-custodial in-app wallets, account abstraction, onramps, and a performant API to interact with the blockchain.

## Live Playground

Expand All @@ -55,7 +55,7 @@ You can interact with the React SDK in the [Live Playground](https://playground.

## Quick starts

Get started with Connect in your preferred language.
Get started with Wallets in your preferred language.

<Grid>
<SDKCard
Expand All @@ -78,7 +78,7 @@ Get started with Connect in your preferred language.
/>
</Grid>

## With Connect, you can
## With Wallets, you can

- **Connect to 500+ different wallet providers** with support for every EVM network
- **Log in and authenticate your users** with customizable and secure [email, phone, passkeys and social login](https://portal.thirdweb.com/connect/in-app-wallet/overview) flows.
Expand All @@ -90,7 +90,7 @@ Get started with Connect in your preferred language.
<Callout variant="info" title="Have you generated a client ID?">
<div className="flex flex-col gap-4 items-start">
<p>
You'll need a client ID to access Connect's free blockchain APIs, storage, and more.
You'll need a client ID to access the Wallet APIs, storage, and more.
</p>

<Button asChild variant='outline'>
Expand All @@ -102,7 +102,7 @@ Get started with Connect in your preferred language.

## Supported Chains

Connect is supported on every EVM compatible chain. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist).
Wallets are supported on every EVM compatible chain. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist).

<DocImage src={SupportedChains} />

Expand Down
2 changes: 1 addition & 1 deletion apps/portal/src/app/connect/wallet/faq/page.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ Yes, you can easily use account abstraction with in-app wallets to enable sponso

Thirdweb wallets can be used as a signer to a smart contract account (account abstraction), but it can also be used as a standalone EOA.

### Is there a way to display the logged-in email address in the Connect component, similar to the wallet address?
### Is there a way to display the logged-in email address in the Wallet component, similar to the wallet address?

Yes, we show the email by default in the details modal after you connect. To display the email anywhere else using React or React Native, [check out the code snippets for all platforms](/connect/in-app-wallet/how-to/interact-with-wallets#get-the-user-email).

Expand Down
4 changes: 2 additions & 2 deletions apps/portal/src/app/connect/wallet/get-started/page.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ Your client ID authenticates your application with thirdweb's services and provi

## Live Playground

Before diving into the implementation, check out our playground to see all the various capabilities of Connect:
Before diving into the implementation, check out our playground to see all the various capabilities of Wallets:

<ArticleIconCard
title="Try the demo"
Expand Down Expand Up @@ -224,7 +224,7 @@ Before diving into the implementation, check out our playground to see all the v
}
```

### Connect Button Component
### Wallet Button Component

Use the pre-built ConnectButton for a complete wallet connection UI:

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,4 @@ If you are thinking of migrating your users off another embedded wallet provider

<Callout variant="info" title="Learn more">Learn more about Migration from our [GitHub repository](https://github.com/thirdweb-example/migrate)</Callout>

If you’d prefer to use your existing solutions for now and take advantage of thirdweb for other parts of your application, we recommend using the [Connect SDK adapters](/typescript/v5/adapters).
If you’d prefer to use your existing solutions for now and take advantage of thirdweb for other parts of your application, we recommend using the [Wallet SDK adapters](/typescript/v5/adapters).
2 changes: 1 addition & 1 deletion apps/portal/src/app/engine/v2/sidebar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -163,5 +163,5 @@ export const sidebar: SideBar = {
name: "FAQ",
},
],
name: "Engine",
name: "Transactions",
};
Original file line number Diff line number Diff line change
Expand Up @@ -4,13 +4,13 @@ Smart server wallets are smart accounts designed to perform blockchain operation

## Benefits

Smart server wallets are the recommended way to perform blockchain operations with Engine.
Smart server wallets are the recommended way to perform blockchain operations with thirdweb Transactions.

- **Managed Gas Fees**: Smart server wallets manage gas fees for you by automatically paying the fees using the payment method associated with your thirdweb account. You do not have to worry about topping up
gas funds on your server wallets.
- **Secure Key Management**: Smart server wallets are secured by Vault. Read more about Vault in the Security section below.
- **Minimal Setup:** Smart server wallets can be created with just a few clicks directly in the thirdweb dashboard. No need to manage private keys or seed phrases or secure with external key management systems.
- **Higher Throughput:** Smart server wallets can handle higher throughput by using multi-dimensional nonces. While Engine handles concurrent transactions through a queue system, smart wallets use parallelization to process multiple transactions at the same time, more efficiently than EOAs.
- **Higher Throughput:** Smart server wallets can handle higher throughput by using multi-dimensional nonces. While thirdweb Transactions handles concurrent transactions through a queue system, smart wallets use parallelization to process multiple transactions at the same time, more efficiently than EOAs.

## Security

Expand All @@ -22,4 +22,3 @@ Keys used to manage server wallets including the admin key and access keys can b

Smart server wallets cost a gas premium fee for each transaction completed on any mainnet as part of account abstraction fees. There are no gas charges for testnets.
[See pricing page for details](https://thirdweb.com/pricing).

This file was deleted.

20 changes: 14 additions & 6 deletions apps/portal/src/app/engine/v3/faq/page.mdx
Original file line number Diff line number Diff line change
@@ -1,20 +1,28 @@
import { Callout, Details } from "@doc";

# Engine FAQs
# Transactions FAQs

<Details summary="How is pricing calculated for Engine Cloud?">
Pricing is calculated through the number of write requests (ex: /v1/write/contract) and sign requests (ex: /v1/sign/transaction) made through the Engine API. For requests costs, [see the thirdweb pricing page](https://thirdweb.com/pricing). Read requests made through Engine API are free, within the RPC limits/plan.
<Details summary="How is pricing calculated?">
Pricing is calculated through the number of write requests (ex: /v1/write/contract) and sign requests (ex: /v1/sign/transaction) made through the Transactions API. For requests costs, [see the thirdweb pricing page](https://thirdweb.com/pricing). Read requests made through Transactions API are free, within the RPC limits/plan.

For transactions through server wallets paid through the user's thirdweb account, users will pay a 5% premium on the gas fee of each transaction completed on any mainnet as part of account abstraction fees. There are no gas charges for testnets.
For requests through server wallets paid through the user's thirdweb account, users will pay a 5% premium on the gas fee of each request completed on any mainnet as part of account abstraction fees. There are no gas charges for testnets.

**Please note: Legacy pricing plans may be subject to the 10% fee specified when signed up instead of 5%. [See pricing page for updated plans and benefits](https://thirdweb.com/pricing)**

The breakdown for usage and transaction fees can be found in your usage dashboard under the team overview.
</Details>

<Details summary="Which chains does Engine Cloud support?">
While in beta, Engine Cloud currently supports every non ZK EVM-compatible chain which includes support for Account Abstraction. See the current list of supported chains.
<Details summary="Which chains does Transactions Cloud support?">
While in beta, Transactions Cloud currently supports every non ZK EVM-compatible chain which includes support for Account Abstraction. See the current list of supported chains.

If your chain is not listed, please [contact us](https://thirdweb.com/contact-us) to prioritize enabling support.
</Details>

<Details summary="What is the difference between Transactions Cloud and Dedicated?">
Cloud uses shared infrastructure that allows you to get started quickly with Transactions. It is ideal for most use cases and is the recommended way to use Transactions.

Dedicated is a self-hosted version of Transactions that allows you to run Transactions on your own infrastructure.

It is ideal for high throughput applications, or applications that require complete control over their infrastructure.
</Details>

18 changes: 9 additions & 9 deletions apps/portal/src/app/engine/v3/get-started/page.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,21 @@ import SendTransaction from '../assets/send-transaction.png';

# Get started

Learn how to get started with thirdweb Engine. This guide will walk you through the steps to start building with thirdweb Engine by creating a Vault, server wallets, and integrating into your application.
Learn how to get started with thirdweb Transactions. This guide will walk you through the steps to start building with thirdweb Transactions by creating a Vault, server wallets, and integrating into your application.

## Prerequisites

- Create a thirdweb project. If you don't have a project yet, [learn how to create a project](/account/api-keys/create).

## Engine Setup
## Transactions Setup

<Steps>
<Step title="Navigate to Engine">
In your project dashboard, navigate to **Engine** to get started.
<Step title="Navigate to Transactions">
In your project dashboard, navigate to **Transactions** to get started.
</Step>

<Step title="Create Vault">
Create a vault to manage your Engine's server wallets. After setup, you can manage your Vault to create additional access tokens or rotate admin keys.
Create a vault to manage your Transactions's server wallets. After setup, you can manage your Vault to create additional access tokens or rotate admin keys.

<Callout variant="info" title="Vault">
Vault is thirdweb's key management service designed to store smart server wallets non-custodially. [Learn more about Vault.](/vault)
Expand All @@ -27,10 +27,10 @@ Learn how to get started with thirdweb Engine. This guide will walk you through
</Step>

<Step title="Create Server Wallet">
Create a server wallet to perform blockchain actions with Engine.
Create a server wallet to perform blockchain actions with Transactions.

<Callout variant="info" title="Server Wallet">
Server wallets are smart wallets Engine uses to perform blockchain actions. [Learn more about server wallets](/engine/v2/configure-wallets/server-wallets).
Server wallets are smart wallets Transactions uses to perform blockchain actions. [Learn more about server wallets](/Transactions/v2/configure-wallets/server-wallets).
</Callout>
</Step>

Expand All @@ -42,7 +42,7 @@ Learn how to get started with thirdweb Engine. This guide will walk you through
</Step>

<Step title="Integrate with your app">
Integrate Engine into your application using the thirdweb SDK or Engine API. [View full API reference.](https://client.scalar.com/workspace/default/request/yq_Wx56PL4Ur6jOZsAOpA)
Integrate Transactions into your application using the thirdweb SDK or Transactions API. [View full API reference.](https://client.scalar.com/workspace/default/request/yq_Wx56PL4Ur6jOZsAOpA)

<Tabs defaultValue="curl">
<TabsList>
Expand Down Expand Up @@ -255,7 +255,7 @@ Learn how to get started with thirdweb Engine. This guide will walk you through
- The full catalog of extension functions
- The prepareContractCall function to encode your transactions
- The full account interface, predefined chains, and more
The SDK handles encoding your transactions, signing them to Engine and polling for status.
The SDK handles encoding your transactions, signing them to Transactions and polling for status.
</Callout>
</Step>
</Steps>
Expand Down
8 changes: 5 additions & 3 deletions apps/portal/src/app/engine/v3/layout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,9 @@ export default async function Layout(props: { children: React.ReactNode }) {
sideBar={sidebar}
sidebarHeader={
<div className="flex-col items-center gap-1">
<p className="py-5 font-semibold text-foreground text-lg">Engine</p>
<p className="py-5 font-semibold text-foreground text-lg">
Transactions
</p>
<EngineVersionSelector selected="v3" />
</div>
}
Expand All @@ -22,6 +24,6 @@ export default async function Layout(props: { children: React.ReactNode }) {

export const metadata = createMetadata({
description:
"Engine is a backend HTTP server that calls smart contracts using your managed backend wallets.",
title: "Engine V3",
"thirdweb Transactions is a backend HTTP server that calls smart contracts using your managed backend wallets.",
title: "Transactions",
});
18 changes: 9 additions & 9 deletions apps/portal/src/app/engine/v3/migrate/page.mdx
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import { Callout } from "@doc";

# Migrating from Engine v2 to v3
# Migrating from Transactions v2 to v3

Learn how to migrate your applications from Engine v2 to Engine v3. We'll cover common operations and highlight the differences in API requests and authentication.
Learn how to migrate your applications from v2 to v3. We'll cover common operations and highlight the differences in API requests and authentication.

<Callout variant="info" title="Migrating Wallets">
If you'd like to migrate your wallets from v2 to v3 to also be secured by [Vault](/vault) or thirdweb's key management service, please [contact us for assistance.](https://thirdweb.com/support)
Expand All @@ -14,7 +14,7 @@ Migrating your contract write operations from v2 to v3 involves changes to the e

#### OLD (v2)

The v2 approach used your dedicated engine url, with a specific endpoint for each chain and contract and backend wallet address in the header.
The v2 approach used your dedicated Transactions url, with a specific endpoint for each chain and contract and backend wallet address in the header.

```bash
curl -X POST "<engine_url>/contract/<chain>/<contract_address>/write" \
Expand Down Expand Up @@ -173,9 +173,9 @@ curl https://engine.thirdweb.com/v1/read/contract \

## Extension functions

Engine v2 has a large number of endpoints to do specific contract calls, like mintTo, claimTo, etc.
V2 has a large number of endpoints to do specific contract calls, like mintTo, claimTo, etc.

Engine v3 does not have these endpoints yet, but they are coming soon. In the meantime, if your backend is written in typescript, we recommend using the [thirdweb SDK](/references/typescript/v5/functions#extensions) to do these operations:
V3 does not have these endpoints yet, but they are coming soon. In the meantime, if your backend is written in typescript, we recommend using the [thirdweb SDK](/references/typescript/v5/functions#extensions) to do these operations:

##### OLD (v2)

Expand All @@ -194,7 +194,7 @@ const response = await fetch(
metadataWithSupply: {
metadata: {
name: "Acme Inc. Superfan",
description: "Created with thirdweb Engine",
description: "Created with thirdweb",
image:
"ipfs://QmciR3WLJsf2BgzTSjbG5zCxsrEQ8PqsHK7JWGWsDSNo46/nft.png",
},
Expand Down Expand Up @@ -233,17 +233,17 @@ const transaction = mintTo({
supply: 1n, // The quantity of NFTs to mint
nft: {
name: "Acme Inc. Superfan",
description: "Created with thirdweb Engine",
description: "Created with thirdweb",
image:
"ipfs://QmciR3WLJsf2BgzTSjbG5zCxsrEQ8PqsHK7JWGWsDSNo46/nft.png",
},
});

// Enqueue the transaction via Engine
// Enqueue the transaction
const { transactionId } =
await serverWallet.enqueueTransaction({
transaction,
});
```

The entire thirdweb SDK is available to use with engine v3 in this manner using the [`Engine` namespace](/references/typescript/v5/functions#engine). Check the [thirdweb SDK docs](/references/typescript/v5/functions#extensions) for all available functions.
The entire thirdweb SDK is available to use with Transactions v3 in this manner using the [`Transactions` namespace](/references/typescript/v5/functions#engine). Check the [thirdweb SDK docs](/references/typescript/v5/functions#extensions) for all available functions.
Loading
Loading