Get Started with Web3

May 18, 2026 · View on GitHub

GitHub stars GitHub forks License: MIT PRs Welcome Deploy

Get Started with Web3 Logo
An open-source, bilingual, AI-native Web3 curriculum for beginners, builders, and agents.
11 modules, 58 lessons, AI Tutor, badges, SEO prerendering, llms.txt, and a read-only MCP server.

Live Site  |  All Articles  |  llms.txt  |  中文说明  |  Twitter

Why This Exists

Web3 is hard to learn because beginner tutorials, protocol docs, security warnings, and builder examples are scattered everywhere. This project turns that mess into a structured learning path that can be read by humans and queried by AI agents.

If this repo helps you learn or teach Web3, please star the project so more learners can find it.

Who This Is For

AudienceUse this project to
BeginnersCreate a wallet, make a first transaction, avoid common scams, and understand the core Web3 workflow.
BuildersMove from concepts to DApps, smart contracts, block explorers, Bitcoin RPC, DeFi, L2, and DAO tooling.
ResearchersReview Bitcoin, Ethereum, DeFi, L2, DAO, bridge, and stablecoin concepts in one curriculum.
AI agentsSearch, read, cite, and compose course context through llms.txt, JSON artifacts, and a local MCP server.
SponsorsSupport open-source Web3 education and reach learners before they choose their default tools.

What Is Inside

AreaCurrent status
Course modules11 modules
Lessons58 lessons in the React course map
AI-native index106 indexed bilingual lesson entries
Glossary55 Web3 terms
LanguagesChinese first, English in progress
App featuresAI Tutor, search, quizzes, badges, XP, dark/light mode, PWA/offline support
Agent surfacesllms.txt, AI manifest, content index, local read-only MCP server
MonetizationDonations, affiliate disclosure, sponsor kit, future x402-ready tool metadata

Live Site

Use the hosted learning platform:

https://beihaili.github.io/Get-Started-with-Web3/

Public AI entrypoints:

Course Map

ModuleLessonsFocus
Web3 Quick Start7Wallets, first transaction, DApp interaction, useful tools, token launch, security, CEX basics
Bitcoin: Cryptography and Data Layer8Hashing, signatures, transactions, multisig, SegWit, Taproot, data structures
Bitcoin: Network and Consensus Layer6Bitcoin Core, P2P, network security, proof-of-work, difficulty, forks and BIPs
Bitcoin: Application Layer7Wallets, RPC development, low-fee broadcast, Bitcoin Script, governance, Ordinals, cross-chain DeFi
Web3 Deep Thinking3Principles, sovereignty, blockchain necessity, Bitcoin cultural references
Web3 Ecosystem and Tools6DeFi, Ethereum, Layer 2, emerging chains, AI x Web3, practical tools
Web3 Builder Lab4ERC-20 deployment, first DApp, block explorer reading, smart contract security
DeFi Deep Dive5DeFi architecture, AMMs, lending, stablecoins, risks
Cross-Chain and Layer 25Scaling, rollups, L2 ecosystems, bridges, practical L2 usage
DAO and Decentralized Governance5DAO basics, governance design, DAO tooling, case studies, challenges
Ethereum and Smart Accounts2Post-Pectra/Fusaka Ethereum, account abstraction, smart wallets

Quick Start

git clone https://github.com/beihaili/Get-Started-with-Web3.git
cd Get-Started-with-Web3
npm install
npm run dev

The dev server starts at http://localhost:5173/Get-Started-with-Web3/.

Useful commands:

npm run build      # production build, OG images, sitemap, prerender
npm test           # Vitest suite
npm run lint       # ESLint
npm run ai:verify  # verify public AI entrypoints and x402 metadata

AI Agents and MCP

This repository exposes a machine-readable content layer for AI agents:

npm run ai:index   # regenerate ai/manifest.json, ai/content-index.json, ai/llms.txt
npm run ai:publish # copy AI artifacts into public/
npm run ai:verify  # verify public AI entrypoints and x402 metadata
npm run mcp:web3   # start the local read-only stdio MCP server

Example agent workflow:

npm run mcp:web3

For MCP clients that accept an mcpServers JSON block, copy this config and replace cwd with your local repository path:

{
  "mcpServers": {
    "get-started-with-web3": {
      "command": "npm",
      "args": ["run", "mcp:web3"],
      "cwd": "/absolute/path/to/Get-Started-with-Web3"
    }
  }
}

Then connect an MCP client and use:

  • search_web3_content to find relevant lessons and glossary entries.
  • read_web3_lesson to read a lesson with citations.
  • get_learning_path to get role-based beginner, builder, researcher, or investor paths.
  • lookup_web3_glossary to explain Web3 terms.
  • compose_web3_context to build a bounded context pack with citations.
  • list_monetizable_tools to inspect future x402-ready paid-tool metadata.

Local MCP tools are read-only. They do not enforce payment, sign transactions, or perform chain operations. x402 fields are reserved metadata for future hosted paid tools.

Tech Stack

  • Frontend: React 19 + Vite + Tailwind CSS
  • State: Zustand
  • Routing: React Router
  • Content: Markdown in zh/ and en/
  • Rendering: react-markdown + remark-gfm + rehype-raw
  • AI Tutor: Gemini with user-provided API key
  • Agent layer: @modelcontextprotocol/sdk, generated JSON artifacts, llms.txt
  • SEO: sitemap generation, OG image generation, prerendering
  • Testing: Vitest + happy-dom + Testing Library
  • CI/CD: GitHub Actions to GitHub Pages

Contributing

Good first contributions:

  • Fix outdated or unclear lesson content.
  • Proofread English translations.
  • Add quiz questions or glossary entries.
  • Improve accessibility, mobile UX, or tests.
  • Add examples, diagrams, and case studies.

Start here:

Support and Sponsorship

This project keeps learning content free. Support helps fund maintenance, translation, new lessons, and AI-native tooling.

Some outbound links may be affiliate or sponsor links and are disclosed where used.

Community

Contributors

License

MIT License — free to use, modify, and distribute.

Star History

Star History Chart