Client-Side with @solana/kit

@solana/web3.js is now deprecated for new projects.

For this module, we use modern Solana client libraries:

• @solana/kit for core transaction/RPC building blocks
• @solana/client for shared runtime state
• @solana/react-hooks for React-friendly wallet and transaction hooks

What You Will Learn

• How to build a clean kit-first client architecture
• How Wallet Standard connection flows work in practice
• How to read accounts and build/send transactions correctly
• How to handle failure paths, retries, and user-facing status
• How to test client-side Solana code with confidence

Learning Path

1. kit-foundations
2. wallet-standard-connection-flow
3. rpc-reads-and-account-decoding-with-kit
4. transaction-message-building-and-signers
5. send-confirm-retry-and-lifetime-management
6. spl-token-and-token-2022-client-flows
7. anchor-client-with-kit
8. frontend-transaction-ux-status-errors-recovery
9. client-testing-strategy-lite-unit-and-integration
10. mini-capstone-kit-client-for-anchor-program

Prerequisites

• Comfortable with TypeScript basics
• Basic Solana program/account mental model
• Node.js installed
• A devnet wallet with test SOL

Start with kit-foundations.