Skip to content

Commit f257428

Browse files
committed
add tabs for cloud server
1 parent bad7d13 commit f257428

File tree

1 file changed

+56
-45
lines changed

1 file changed

+56
-45
lines changed

docs/02-guides/00-prerequisites/01-prerequisites-server-setup.md

Lines changed: 56 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -6,81 +6,92 @@ import TabItem from '@theme/TabItem';
66

77
## Cloud Server Setup
88

9-
### Get started with [StereumPlus](https://stereumplus.com/)
9+
<Tabs
10+
defaultValue="stereumplus"
11+
values={[
12+
{label: 'StereumPlus', value: 'stereumplus'}
13+
]}>
14+
15+
<TabItem value="stereumplus">
1016

11-
#### Step 1
12-
Begin by clicking **"Buy Server"** in the top menu to start your journey toward becoming a node runner with StereumPlus.
17+
### Get started with [StereumPlus](https://stereumplus.com/)
1318

14-
![Step 1 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP1.png)
19+
#### Step 1
20+
Begin by clicking **"Buy Server"** in the top menu to start your journey toward becoming a node runner with StereumPlus.
1521

16-
#### Step 2
17-
Select your preferred **provider** from the dropdown list. This step ensures you choose a service suited to your blockchain needs.
22+
![Step 1 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP1.png)
1823

19-
![Step 2 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP2.png)
24+
#### Step 2
25+
Select your preferred **provider** from the dropdown list. This step ensures you choose a service suited to your blockchain needs.
2026

21-
#### Step 3
22-
Choose a **plan** based on your server requirements. Compare the options for cores, RAM, and storage to pick what fits best.
27+
![Step 2 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP2.png)
2328

24-
![Step 3 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP3.png)
29+
#### Step 3
30+
Choose a **plan** based on your server requirements. Compare the options for cores, RAM, and storage to pick what fits best.
2531

26-
#### Step 4
27-
Enter a unique **server name** to identify your node and click "Continue" to proceed.
32+
![Step 3 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP3.png)
2833

29-
![Step 4 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP4.png)
34+
#### Step 4
35+
Enter a unique **server name** to identify your node and click "Continue" to proceed.
3036

31-
#### Step 5
32-
Review your selected plan details, including price and specifications. Once satisfied, click **"Subscribe"** to continue.
37+
![Step 4 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP4.png)
3338

34-
![Step 5 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP5.png)
39+
#### Step 5
40+
Review your selected plan details, including price and specifications. Once satisfied, click **"Subscribe"** to continue.
3541

36-
### Payment Process
42+
![Step 5 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP5.png)
3743

38-
#### Step 6
39-
Select your preferred **cryptocurrency** (e.g., Ethereum, USDC, or USDT) for payment, then click **"Choose"**.
44+
### Payment Process
4045

41-
![Step 6 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP6.png)
46+
#### Step 6
47+
Select your preferred **cryptocurrency** (e.g., Ethereum, USDC, or USDT) for payment, then click **"Choose"**.
4248

43-
#### Step 7
44-
A wallet address and payment amount will appear. Use the **QR code** or copy the wallet address to initiate the transaction.
49+
![Step 6 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP6.png)
4550

46-
![Step 7 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP7.png)
51+
#### Step 7
52+
A wallet address and payment amount will appear. Use the **QR code** or copy the wallet address to initiate the transaction.
4753

48-
#### Step 8
49-
Open your crypto wallet, select **"Send"**, and paste the wallet address provided by StereumPlus.
54+
![Step 7 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP7.png)
5055

51-
![Step 8 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP8.png)
56+
#### Step 8
57+
Open your crypto wallet, select **"Send"**, and paste the wallet address provided by StereumPlus.
5258

53-
#### Step 9
54-
Copy the wallet address displayed on the StereumPlus payment page to ensure it matches what you paste into your crypto wallet.
59+
![Step 8 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP8.png)
5560

56-
![Step 9 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP9.png)
61+
#### Step 9
62+
Copy the wallet address displayed on the StereumPlus payment page to ensure it matches what you paste into your crypto wallet.
5763

58-
#### Step 10
59-
Enter the exact amount shown on the payment screen in your wallet and confirm the transaction.
64+
![Step 9 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP9.png)
6065

61-
![Step 10 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP10.png)
66+
#### Step 10
67+
Enter the exact amount shown on the payment screen in your wallet and confirm the transaction.
6268

63-
### Verification and Final Steps
69+
![Step 10 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP10.png)
6470

65-
#### Step 11
66-
After initiating the transaction, confirm the payment in your crypto wallet. Review the transaction details and finalize the payment by clicking "Confirm" in your wallet interface.
71+
### Verification and Final Steps
6772

68-
![Step 11 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP11.png)
73+
#### Step 11
74+
After initiating the transaction, confirm the payment in your crypto wallet. Review the transaction details and finalize the payment by clicking "Confirm" in your wallet interface.
6975

70-
#### Step 12
71-
Once the payment is sent, return to the Stereum payment screen and click "Click here after payment" to confirm and finalize the payment process.
76+
![Step 11 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP11.png)
7277

73-
![Step 12 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP12.png)
78+
#### Step 12
79+
Once the payment is sent, return to the Stereum payment screen and click "Click here after payment" to confirm and finalize the payment process.
7480

75-
#### Step 13
76-
Congrats! This indicates the payment was processed successfully, and your server is being set up. Click on "My Servers" to proceed.
81+
![Step 12 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP12.png)
7782

78-
![Step 13 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP13.png)
83+
#### Step 13
84+
Congrats! This indicates the payment was processed successfully, and your server is being set up. Click on "My Servers" to proceed.
7985

80-
#### Step 14
81-
In the My Servers section, you can view your active servers. Verify that your new Ethereum node server is listed and ready to be used.
86+
![Step 13 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP13.png)
8287

83-
![Step 14 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP14.png)
88+
#### Step 14
89+
In the My Servers section, you can view your active servers. Verify that your new Ethereum node server is listed and ready to be used.
90+
91+
![Step 14 Screenshot](../../../static/screenshots/guides/stereumplus/order-process/SP14.png)
92+
93+
</TabItem>
94+
</Tabs>
8495

8596
## Local Server Setup
8697

0 commit comments

Comments
 (0)