> For the complete documentation index, see [llms.txt](https://archive-vn.docs.klaytn.foundation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://archive-vn.docs.klaytn.foundation/content/dapp/tutorials.md).

# Hướng dẫn

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