diff --git a/apps/portal/src/app/connect/sidebar.tsx b/apps/portal/src/app/connect/sidebar.tsx
index 612c886003c..3b53c844cd8 100644
--- a/apps/portal/src/app/connect/sidebar.tsx
+++ b/apps/portal/src/app/connect/sidebar.tsx
@@ -1,19 +1,9 @@
import type { SideBar } from "@/components/Layouts/DocLayout";
-import {
- DotNetIcon,
- PayIcon,
- ReactIcon,
- TypeScriptIcon,
- UnityIcon,
- WalletsAuthIcon,
- WalletsInAppIcon,
- WalletsSmartIcon,
-} from "@/icons";
-import { CodeIcon, ExternalLink, ZapIcon } from "lucide-react";
+import { DotNetIcon, ReactIcon, TypeScriptIcon, UnityIcon } from "@/icons";
+import { ExternalLink, ZapIcon } from "lucide-react";
import { UnrealEngineIcon } from "../../icons/sdks/UnrealEngineIcon";
// TODO: move the following two slugs to walletSlug with updated docs
-const connectSlug = "/connect/sign-in";
const inAppSlug = "/connect/in-app-wallet";
const walletSlug = "/connect/wallet";
@@ -49,150 +39,99 @@ export const sidebar: SideBar = {
icon: ,
},
{ separator: true },
+ // Connect\
{
- name: "Learn",
+ name: "Onboard Users",
+ expanded: true,
isCollapsible: false,
links: [
- // Connect\
{
- name: "Wallets",
- icon: ,
+ name: "Overview",
+ href: `${walletSlug}/overview`,
+ },
+ {
+ name: "Security",
+ href: `${walletSlug}/security`,
+ },
+ {
+ name: "Get Started",
+ href: `${walletSlug}/get-started`,
+ },
+ {
+ name: "External Wallets",
+ href: `${walletSlug}/sign-in-methods/external-wallets`,
+ },
+ {
+ name: "In-App Wallets",
links: [
{
- name: "Overview",
- href: `${walletSlug}/overview`,
- },
- {
- name: "Security",
- href: `${walletSlug}/security`,
- },
- {
- name: "Get Started",
- href: `${walletSlug}/get-started`,
+ name: "Sign-In Methods",
+ href: `${walletSlug}/sign-in-methods/configure`,
},
-
{
name: "Pregenerate Wallets",
href: `${walletSlug}/pregenerate-wallets`,
},
{
- name: "Sign-In Methods",
+ name: "Guest Mode",
+ href: `${walletSlug}/sign-in-methods/guest`,
+ },
+ {
+ name: "Custom Authentication",
links: [
{
- name: "Configure",
- href: `${walletSlug}/sign-in-methods/configure`,
+ name: "Overview",
+ href: `${inAppSlug}/custom-auth/overview`,
},
{
- name: "Guest Mode",
- href: `${walletSlug}/sign-in-methods/guest`,
+ name: "Configuration",
+ href: `${inAppSlug}/custom-auth/configuration`,
},
{
- name: "External Wallets",
- href: `${walletSlug}/sign-in-methods/external-wallets`,
- },
- {
- name: "Custom Authentication",
+ name: "Integration guides",
links: [
{
- name: "Overview",
- href: `${inAppSlug}/custom-auth/overview`,
+ name: "Custom auth server (OIDC Auth)",
+ href: `${inAppSlug}/custom-auth/custom-jwt-auth-server`,
},
{
- name: "Configuration",
- href: `${inAppSlug}/custom-auth/configuration`,
+ name: "Custom auth server (Generic Auth)",
+ href: `${inAppSlug}/custom-auth/custom-auth-server`,
},
{
- name: "Integration guides",
- links: [
- {
- name: "Custom auth server (OIDC Auth)",
- href: `${inAppSlug}/custom-auth/custom-jwt-auth-server`,
- },
- {
- name: "Custom auth server (Generic Auth)",
- href: `${inAppSlug}/custom-auth/custom-auth-server`,
- },
- {
- name: "Firebase Auth",
- href: `${inAppSlug}/custom-auth/firebase-auth`,
- },
- ],
+ name: "Firebase Auth",
+ href: `${inAppSlug}/custom-auth/firebase-auth`,
},
],
},
],
},
-
- {
- name: "User Management",
- links: [
- {
- name: "Get User Profiles",
- href: `${walletSlug}/user-management/get-user-profiles`,
- },
- {
- name: "Export Private Keys",
- href: `${walletSlug}/user-management/export-private-key`,
- },
- {
- name: "Link Multiple Identity",
- href: `${walletSlug}/user-management/link-multiple-identity`,
- },
- // TODO:
- // {
- // name: "Deleting User Details",
- // href: `${walletSlug}/user-management/deleting-user-details`,
- // },
- ],
- },
+ ],
+ },
+ {
+ name: "Ecosystem Wallets",
+ links: [
{
- name: "Customization",
- links: [
- {
- name: "Prebuilt UI",
- href: `${connectSlug}/customization`,
- },
- // {
- // name: "Emails and SMS",
- // href: `${connectSlug}/customization#compact-modal`,
- // },
- ],
+ name: "Set-up",
+ href: `${walletSlug}/ecosystem/set-up`,
},
{
- name: "Ecosystem",
- links: [
- {
- name: "Set-up",
- href: `${walletSlug}/ecosystem/set-up`,
- },
- {
- name: "Ecosystem Portal",
- href: `${walletSlug}/ecosystem/portal`,
- },
- {
- name: "Managing Ecosystem Permissions",
- href: `${walletSlug}/ecosystem/permissions`,
- },
- {
- name: "Integrating with Partners",
- href: `${walletSlug}/ecosystem/integrating-partners`,
- },
- ],
+ name: "Ecosystem Portal",
+ href: `${walletSlug}/ecosystem/portal`,
},
{
- name: "Migrate to thirdweb",
- href: `${walletSlug}/migrate-to-thirdweb`,
+ name: "Managing Ecosystem Permissions",
+ href: `${walletSlug}/ecosystem/permissions`,
},
{
- name: "FAQ",
- href: `${walletSlug}/faq`,
+ name: "Integrating with Partners",
+ href: `${walletSlug}/ecosystem/integrating-partners`,
},
],
},
//Account abstraction
{
name: "Account Abstraction",
- icon: ,
links: [
{
name: "Overview",
@@ -245,24 +184,6 @@ export const sidebar: SideBar = {
name: "Sponsorship rules",
href: `${aAslug}/sponsorship-rules`,
},
- {
- name: "Gasless",
- isCollapsible: true,
- links: [
- {
- name: "Engine",
- href: `${aAslug}/gasless/engine`,
- },
- {
- name: "Biconomy",
- href: `${aAslug}/gasless/biconomy`,
- },
- {
- name: "OpenZeppelin",
- href: `${aAslug}/gasless/openzeppelin`,
- },
- ],
- },
// {
// name: "References",
// isCollapsible: true,
@@ -292,10 +213,26 @@ export const sidebar: SideBar = {
},
],
},
+ {
+ name: "Migrate to thirdweb",
+ href: `${walletSlug}/migrate-to-thirdweb`,
+ },
+ {
+ name: "FAQ",
+ href: `${walletSlug}/faq`,
+ },
+ ],
+ },
+ { separator: true },
+ // User identity
+ {
+ name: "User Identity",
+ isCollapsible: false,
+ links: [
// Auth
+ // TODO move to TS reference
{
- name: "Auth (SIWE)",
- icon: ,
+ name: "Sign In with Ethereum",
links: [
{
name: "Get Started",
@@ -322,10 +259,35 @@ export const sidebar: SideBar = {
},
],
},
+ {
+ name: "Get User Profiles",
+ href: `${walletSlug}/user-management/get-user-profiles`,
+ },
+ {
+ name: "Link Multiple Identities",
+ href: `${walletSlug}/user-management/link-multiple-identity`,
+ },
+ {
+ name: "Export Private Keys",
+ href: `${walletSlug}/user-management/export-private-key`,
+ },
+ // TODO:
+ // {
+ // name: "Deleting User Details",
+ // href: `${walletSlug}/user-management/deleting-user-details`,
+ // },
+ ],
+ },
+ { separator: true },
+ // Blockchain API
+ // TODO Overview page?
+ {
+ name: "Onchain Interactions",
+ isCollapsible: false,
+ links: [
// Pay
{
- name: "Pay",
- icon: ,
+ name: "Bridge & Swap",
links: [
{
name: "Overview",
@@ -409,11 +371,8 @@ export const sidebar: SideBar = {
},
],
},
- // Blockchain API
{
- name: "Blockchain API",
- icon: ,
- href: "/connect/blockchain-api",
+ name: "API References",
links: [
{
name: "TypeScript",
@@ -449,42 +408,5 @@ export const sidebar: SideBar = {
},
],
},
- { separator: true },
- {
- name: "Platform API References",
- isCollapsible: false,
- links: [
- {
- name: "TypeScript",
- href: "/typescript/v5",
- icon: ,
- },
- {
- name: "React",
- href: "/react/v5",
- icon: ,
- },
- {
- name: "React Native",
- href: "/react-native/v5",
- icon: ,
- },
- {
- name: "Dotnet",
- href: "/dotnet",
- icon: ,
- },
- {
- name: "Unity",
- href: "/unity",
- icon: ,
- },
- {
- name: "Unreal Engine",
- href: "/unreal-engine",
- icon: ,
- },
- ],
- },
],
};
diff --git a/apps/portal/src/app/connect/wallet/get-started/page.mdx b/apps/portal/src/app/connect/wallet/get-started/page.mdx
index cc4231b1f0b..9dced8cbbf7 100644
--- a/apps/portal/src/app/connect/wallet/get-started/page.mdx
+++ b/apps/portal/src/app/connect/wallet/get-started/page.mdx
@@ -38,94 +38,71 @@ We have a playground that lets you see all the various options via our prebuilt
href="https://playground.thirdweb.com/connect/sign-in/button"
/>
-## Integrate into existing project
-
-Install the required package:
-
-
-
## Get your client ID
To use in-app wallets in your applications, you will need a client ID. You can get one for free on [your thirdweb dashboard](https://thirdweb.com/create-api-key).
-## Connecting & Creating In-App Wallets
-
## External Wallets
-Connect to popular external wallets:
+Connect to popular external wallets like Metamask, Rainbow, Coinbase, etc.
## In-App Wallets
-Create in-app wallets with social/email/sms/passkey login via the following guides:
+Create in-app wallets with social/email/sms/passkey login.
{/* TODO: Link to react native getting started for in appw allet */}
@@ -140,32 +117,27 @@ If you're looking to integrate ecosystem wallets in your aplication, refer to th
{/* TODO: Add react native specific getting started for ecosystem wallets */}
diff --git a/apps/portal/src/app/connect/wallet/sign-in-methods/configure/page.mdx b/apps/portal/src/app/connect/wallet/sign-in-methods/configure/page.mdx
index f47e8e044b6..0723e388068 100644
--- a/apps/portal/src/app/connect/wallet/sign-in-methods/configure/page.mdx
+++ b/apps/portal/src/app/connect/wallet/sign-in-methods/configure/page.mdx
@@ -35,38 +35,32 @@ To enable a given sign-in method for the thirdweb wallet, refer to the following
{/* TODO: Link to react native getting started for in app wallet */}
@@ -83,32 +77,27 @@ Once configured, refer to the following guides to use the various login options
{/* TODO: Add react native specific getting started for ecosystem wallets */}
diff --git a/apps/portal/src/app/connect/wallet/sign-in-methods/external-wallets/page.mdx b/apps/portal/src/app/connect/wallet/sign-in-methods/external-wallets/page.mdx
index 45c8c5cd60e..61d4486ae43 100644
--- a/apps/portal/src/app/connect/wallet/sign-in-methods/external-wallets/page.mdx
+++ b/apps/portal/src/app/connect/wallet/sign-in-methods/external-wallets/page.mdx
@@ -92,32 +92,27 @@ Note, however, that the wallet interacting with your application will be a third
{/* TODO: Add react native specific getting started for ecosystem wallets */}
@@ -128,32 +123,27 @@ Note, however, that the wallet interacting with your application will be a third
{/* TODO: Add react native specific getting started for ecosystem wallets */}
\ No newline at end of file
diff --git a/apps/portal/src/app/connect/wallet/sign-in-methods/guest/page.mdx b/apps/portal/src/app/connect/wallet/sign-in-methods/guest/page.mdx
index d4abad1805a..1d4bc5b49ea 100644
--- a/apps/portal/src/app/connect/wallet/sign-in-methods/guest/page.mdx
+++ b/apps/portal/src/app/connect/wallet/sign-in-methods/guest/page.mdx
@@ -31,32 +31,27 @@ In general, logging in with guest mode is the same as configuring any other logi
{/* TODO: Link to react native getting started for in app wallet */}
@@ -67,32 +62,27 @@ In general, logging in with guest mode is the same as configuring any other logi
{/* TODO: Add react native specific getting started for ecosystem wallets */}
@@ -109,32 +99,27 @@ Below are the guides for linking a new identity for in-app wallet on the various
{/* TODO: Link to react native getting started for in app wallet */}
@@ -147,32 +132,27 @@ Below are the guides for linking a new identity for ecosystem wallet on the vari
{/* TODO: Add react native specific getting started for ecosystem wallets */}
diff --git a/apps/portal/src/app/connect/wallet/user-management/get-user-profiles/page.mdx b/apps/portal/src/app/connect/wallet/user-management/get-user-profiles/page.mdx
index d562dc5c950..62a4b624c31 100644
--- a/apps/portal/src/app/connect/wallet/user-management/get-user-profiles/page.mdx
+++ b/apps/portal/src/app/connect/wallet/user-management/get-user-profiles/page.mdx
@@ -68,31 +68,26 @@ For frontend, we provide methods to get information around the currently logged
@@ -103,31 +98,26 @@ For frontend, we provide methods to get information around the currently logged
diff --git a/apps/portal/src/app/connect/wallet/user-management/link-multiple-identity/page.mdx b/apps/portal/src/app/connect/wallet/user-management/link-multiple-identity/page.mdx
index ee9841cb762..de8efb90643 100644
--- a/apps/portal/src/app/connect/wallet/user-management/link-multiple-identity/page.mdx
+++ b/apps/portal/src/app/connect/wallet/user-management/link-multiple-identity/page.mdx
@@ -37,31 +37,26 @@ When linking two identities, both identities will now be linked to the same wall
@@ -72,31 +67,26 @@ When linking two identities, both identities will now be linked to the same wall