Skip to content

feat(appkit): how to stake #2062

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.

Sign up for GitHub

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

Open
novusnota wants to merge 13 commits into
base: main
Choose a base branch
from
+478 −29
Open

feat(appkit): how to stake #2062

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
ac1c345
feat(appkit): how to stake
novusnota Apr 7, 2026
ecc71e8
minor fixes
novusnota Apr 7, 2026
bacb36a
tokens -> Toncoin
novusnota Apr 7, 2026
1bccebb
Update ecosystem/appkit/staking.mdx
novusnota Apr 7, 2026
38d229d
fixes
novusnota Apr 7, 2026
c8e5297
Merge branch 'closes-1923/appkit/how-to-stake' of github.com:ton-org/…
novusnota Apr 7, 2026
53f87a8
note
novusnota Apr 7, 2026
0643092
minor extension
novusnota Apr 7, 2026
6b29967
edits
novusnota Apr 9, 2026
88e596f
Merge branch 'main' into closes-1923/appkit/how-to-stake
novusnota Apr 9, 2026
829ef87
edits
novusnota Apr 9, 2026
4e4fc23
staking.mdx -> stake.mdx
novusnota Apr 9, 2026
70013bc
proper naming
novusnota Apr 9, 2026
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: 2 additions & 1 deletion docs.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -175,7 +175,8 @@
"ecosystem/appkit/init",
"ecosystem/appkit/toncoin",
"ecosystem/appkit/jettons",
"ecosystem/appkit/nfts"
"ecosystem/appkit/nfts",
"ecosystem/appkit/staking"
]
},
{
Expand Down
34 changes: 19 additions & 15 deletions ecosystem/appkit/init.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -133,13 +133,13 @@ For local development and testing, use the [manifest file from this demo dApp](h
AppKit,
AppKitProvider,
// Enables TON wallet connections
TonConnectConnector,
createTonConnectConnector,
Copy link
Copy Markdown
Contributor

@delovoyhomie delovoyhomie Apr 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This example switches from TonConnectConnector to createTonConnectConnector, but the current published AppKit types still export TonConnectConnector and do not mention a createTonConnectConnector helper. If the matching AppKit release is not already published, these snippets will become non-runnable for readers using the latest npm package. Please gate this on the release or keep the docs on the currently shipped API surface.

Copy link
Copy Markdown
Contributor

@delovoyhomie delovoyhomie Apr 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

} from '@ton/appkit-react';
import '@ton/appkit-react/styles.css';

const kit = new AppKit({
connectors: [
new TonConnectConnector({
createTonConnectConnector({
tonConnectOptions: {
// Public link to the application manifest JSON file.
// For local development and testing, use the one from a demo dApp:
Expand All @@ -159,12 +159,12 @@ For local development and testing, use the [manifest file from this demo dApp](h
import {
AppKit,
// Enables TON wallet connections
TonConnectConnector,
createTonConnectConnector,
} from '@ton/appkit';

const kit = new AppKit({
connectors: [
new TonConnectConnector({
createTonConnectConnector({
tonConnectOptions: {
// Public link to the application manifest JSON file.
// For local development and testing, use the one from a demo dApp:
Expand Down Expand Up @@ -257,14 +257,15 @@ The following initialization example sets up everything at once:
AppKitProvider,
Network,
// Wallet connector
TonConnectConnector,
createTonConnectConnector,
} from '@ton/appkit-react';

// Styles
import '@ton/appkit-react/styles.css';

// DeFi provider
// DeFi providers
import { OmnistonSwapProvider } from '@ston-fi/omniston-sdk';
import { createTonstakersProvider } from '@ton/appkit/staking/tonstakers';

// TanStack Query
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
Expand Down Expand Up @@ -298,7 +299,7 @@ The following initialization example sets up everything at once:
// 2. Configure connectors.
connectors: [
// Enables connections with TON wallet services, such as Tonkeeper or MyTonWallet.
new TonConnectConnector({
createTonConnectConnector({
tonConnectOptions: {
// Public link to the application manifest JSON file.
// For local development and testing, use the one from a demo dApp:
Expand All @@ -307,7 +308,10 @@ The following initialization example sets up everything at once:
}),
],
// 3. Configure DeFi providers.
providers: [new OmnistonSwapProvider()],
providers: [
new OmnistonSwapProvider(),
createTonstakersProvider(),
],
});

// 4. Wrap the rest of the app in a QueryClientProvider and an AppKitProvider.
Expand All @@ -328,7 +332,7 @@ The following initialization example sets up everything at once:
AppKit,
Network,
// Wallet connector
TonConnectConnector,
createTonConnectConnector,
} from '@ton/appkit';

// DeFi provider
Expand All @@ -353,7 +357,7 @@ The following initialization example sets up everything at once:
// 2. Configure connectors.
connectors: [
// Enables connections with TON wallet services, such as Tonkeeper or MyTonWallet.
new TonConnectConnector({
createTonConnectConnector({
tonConnectOptions: {
// Public link to the application manifest JSON file.
// For local development and testing, use the one from a demo dApp:
Expand Down Expand Up @@ -522,13 +526,13 @@ Before migrating, [install AppKit and peer packages](#installation) and add nece
// Replaces <TonConnectUIProvider>
AppKitProvider,
// Wallet connector
TonConnectConnector,
createTonConnectConnector,
} from '@ton/appkit-react';
import '@ton/appkit-react/styles.css';

const kit = new AppKit({
connectors: [
new TonConnectConnector({
createTonConnectConnector({
// In place of props on the TonConnectUIProvider
tonConnectOptions: {
// Public link to the application manifest JSON file.
Expand Down Expand Up @@ -580,12 +584,12 @@ Before migrating, [install AppKit and peer packages](#installation) and add nece
```ts
import {
AppKit,
TonConnectConnector,
createTonConnectConnector,
} from '@ton/appkit';

const kit = new AppKit({
connectors: [
new TonConnectConnector({
createTonConnectConnector({
// Pass the existing TonConnectUI instance object
tonConnectUI
}),
Expand All @@ -597,7 +601,7 @@ Before migrating, [install AppKit and peer packages](#installation) and add nece

```ts
// Passing the existing TonConnectUI instance object
kit.addConnector(new TonConnectConnector({ tonConnectUI }));
kit.addConnector(createTonConnectConnector({ tonConnectUI }));
```

Refer to the [complete initialization setup](#complete-setup) for all the possible AppKit configuration options.
Expand Down
7 changes: 7 additions & 0 deletions ecosystem/appkit/overview.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,13 @@ TON Connect's **AppKit** is an open-source SDK that integrates web2 and web3 app
horizontal="true"
href="/ecosystem/appkit/nfts"
/>

<Card
title="Stake tokens"
icon="chart-line"
horizontal="true"
href="/ecosystem/appkit/staking"
/>
</Columns>

## See also
Expand Down
Loading
Loading