# Hướng dẫn

- [Bộ công cụ trực tuyến của Klaytn](/content/dapp/tutorials/klaytn-online-toolkit.md)
- [Ví dụ về ủy thác phí](/content/dapp/tutorials/fee-delegation-example.md)
- [Count DApp](/content/dapp/tutorials/count-dapp.md)
- [1. Thiết lập môi trường](/content/dapp/tutorials/count-dapp/1.-environment-setup.md)
- [2. Sao chép Count DApp](/content/dapp/tutorials/count-dapp/2.-clone-count-dapp.md)
- [3. Cấu trúc thư mục](/content/dapp/tutorials/count-dapp/3.-directory-structure.md)
- [4. Soạn hợp đồng thông minh](/content/dapp/tutorials/count-dapp/4.-write-smart-contract.md)
- [5. Tổng quan về mã Frontend](/content/dapp/tutorials/count-dapp/5.-frontend-code-overview.md)
- [5-1. Thành phần số khối](/content/dapp/tutorials/count-dapp/5.-frontend-code-overview/5-1.-blocknumber-component.md)
- [5-2. Thành phần xác thực](/content/dapp/tutorials/count-dapp/5.-frontend-code-overview/5-2.-auth-component.md)
- [5-3. Thành phần đếm](/content/dapp/tutorials/count-dapp/5.-frontend-code-overview/5-3.-count-component.md)
- [6. Triển khai hợp đồng](/content/dapp/tutorials/count-dapp/6.-deploy-contract.md)
- [7. Chạy ứng dụng](/content/dapp/tutorials/count-dapp/7.-run-app.md)
- [Klaystagram](/content/dapp/tutorials/klaystagram.md)
- [1. Thiết lập môi trường](/content/dapp/tutorials/klaystagram/1.-environment-setup.md)
- [2. Sao chép Klaystagram DApp](/content/dapp/tutorials/klaystagram/2.-clone-klaystagram-dapp.md)
- [3. Cấu trúc thư mục](/content/dapp/tutorials/klaystagram/3.-directory-structure.md)
- [4. Soạn hợp đồng thông minh Klaystagram](/content/dapp/tutorials/klaystagram/4.-write-klaystagram-smart-contract.md)
- [5. Triển khai hợp đồng](/content/dapp/tutorials/klaystagram/5.-deploy-contract.md)
- [6. Tổng quan về mã Frontend](/content/dapp/tutorials/klaystagram/6.-frontend-code-overview.md)
- [7. Trang thông tin](/content/dapp/tutorials/klaystagram/7.-feedpage.md)
- [7-1. Kết nối hợp đồng với Frontend](/content/dapp/tutorials/klaystagram/7.-feedpage/7-1.-connect-contract-to-frontend.md)
- [7-2. Thành phần UploadPhoto](/content/dapp/tutorials/klaystagram/7.-feedpage/7-2.-uploadphoto-component.md)
- [7-3. Thành phần nguồn cấp dữ liệu](/content/dapp/tutorials/klaystagram/7.-feedpage/7-3.-feed-component.md)
- [7-4. Thành phần TransferOwnership](/content/dapp/tutorials/klaystagram/7.-feedpage/7-4.-transferownership-component.md)
- [8. Chạy ứng dụng](/content/dapp/tutorials/klaystagram/8.-run-app.md)
- [Building a Buy Me a Coffee dApp](/content/dapp/tutorials/buy-me-a-coffee.md)
- [1. Project Setup](/content/dapp/tutorials/buy-me-a-coffee/1.-project-setup.md)
- [2. Creating a BMC Smart Contract](/content/dapp/tutorials/buy-me-a-coffee/2.-creating-bmc-contract.md)
- [3. Testing the contract using scripts](/content/dapp/tutorials/buy-me-a-coffee/3.-testing-bmc-contract-using-scripts.md)
- [4. Deploying BMC Smart contract](/content/dapp/tutorials/buy-me-a-coffee/4.-deploying-bmc-contract.md)
- [5. Building the BMC Frontend with React and Web3Onboard](/content/dapp/tutorials/buy-me-a-coffee/5.-bmc-frontend-with-react-and-web3onboard.md)
- [6. Deploying Frontend code on IPFS using Fleek](/content/dapp/tutorials/buy-me-a-coffee/6.-deploying-frontend-to-fleek.md)
- [7. Conclusion](/content/dapp/tutorials/buy-me-a-coffee/7.-conclusion.md)
- [Migrating Ethereum App to Klaytn](/content/dapp/tutorials/migrating-ethereum-app-to-klaytn.md)
- [Connecting MetaMask](/content/dapp/tutorials/connecting-metamask.md)
- [Connecting Remix](/content/dapp/tutorials/connecting-remix.md)
- [Verifying Smart Contracts Using Block Explorers](/content/dapp/tutorials/verifying-contracts.md)