---
id: welcome
title: NEAR - Your Gateway to an Open Web
hide_table_of_contents: true
---
import {FeatureList, Column, Feature} from "@site/src/components/featurelist"

Welcome, this is the starting point for all NEAR documentation. Learn to build and publish blockchain applications. Embrace the power of Web3.

<div className="row">
  <div className="col col--4">
    <a href="/concepts/welcome">
      <div className="card">
        <div className="card__image">
          <img src={require("@site/static/docs/assets/welcome-pages/protocol.png").default} alt="Learn" />
        </div>
        <div className="card__body">
          <h3>Understanding NEAR</h3>
          Learn what NEAR is and how it works
        </div>
      </div>
    </a>
  </div>
  <div className="col col--4">
    <a href="/build/smart-contracts/what-is">
      <div className="card">
        <div className="card__image">
          <img src={require("@site/static/docs/assets/welcome-pages/contracts.png").default} alt="Contracts" />
        </div>
        <div className="card__body">
          <h3>Smart Contracts</h3>
          Learn to build smart contracts in NEAR
        </div>
      </div>
    </a>
  </div>
  <div className="col col--4">
    <a href="/build/near-components/what-is">
      <div className="card">
        <div className="card__image">
          <img src={require("@site/static/docs/assets/welcome-pages/bos-big.png").default} alt="Web3 Components" />
        </div>
        <div className="card__body">
          <h3>Web3 Components</h3>
          The building blocks for multi-chain apps
        </div>
      </div>
    </a>
  </div>
  <div className="col col--4">
    <a href="/build/web3-apps/what-is">
      <div className="card">
        <div className="card__image">
          <img src={require("@site/static/docs/assets/welcome-pages/examples.png").default} alt="Solutions" />
        </div>
        <div className="card__body">
          <h3>Web3 Applications</h3>
          Supercharge your App using NEAR
        </div>
      </div>
    </a>
  </div>
  <div className="col col--4">
    <a href="/tools/welcome">
      <div className="card">
        <div className="card__image">
          <img src={require("@site/static/docs/assets/welcome-pages/tools.png").default} alt="Tools" />
        </div>
        <div className="card__body">
          <h3>NEAR Tools</h3>
          Discover our SDK, API, CLI, and more
        </div>
      </div>
    </a>
  </div>
  <div className="col col--4">
    <a href="/build/data-infrastructure/what-is">
      <div className="card">
        <div className="card__image">
          <img src={require("@site/static/docs/assets/welcome-pages/data-lake.png").default} alt="Data Lake" />
        </div>
        <div className="card__body">
          <h3>Query On-Chain Information</h3>
            Learn about indexers and our data lake
        </div>
      </div>
    </a>
  </div>
</div>

<hr className="subsection" />

<h1 className="text-center big-title" > Browse the Docs By Topic </h1>

<FeatureList>
  <Column title="Understanding NEAR" size="3">
    <Feature url="/concepts/basics/protocol" title="What is NEAR?" subtitle="Learn the Basics about NEAR" image="near-logo.png" />
    <Feature url="/concepts/protocol/account-id" title="Named Accounts" subtitle="NEAR uses human-readable accounts" image="user.png" />
    <Feature url="/concepts/protocol/access-keys" title="Multiple Access Keys" subtitle="More keys means more security" image="key.png" />
    <Feature url="/concepts/protocol/smartcontract" title="Smart Contracts" subtitle="Learn about our contract technology" image="contract.png" />
  </Column>
  <Column title="Developer Docs" size="3">
    <Feature url="/build/web3-apps/quickstart" title="Quickstart: WebApp" subtitle="Spin-up your first dApp" image="quickstart.png" />
    <Feature url="/build/smart-contracts/quickstart" title="Quickstart: Contract"
             subtitle="Learn how to write smart contracts" image="smartcontract.png" />
    <Feature url="/build/near-components/anatomy/state" title="Multi-chain Components"
             subtitle="Learn about multi-chain components" image="bos-lido.png" />
    <Feature url="/build/data-infrastructure/query-api/intro" title="QueryAPI" subtitle="The simplest way to build indexers" image="blocks.png" />
  </Column>
  <Column title="Developer Tools" size="3">
    <Feature url="/sdk/js/introduction" title="JavaScript SDK" subtitle="Write contracts in JavaScript" image="smartcontract-js.png" />
    <Feature url="/sdk/rust/introduction" title="Rust SDK" subtitle="Write contracts in Rust" image="smartcontract-rust.png" />
    <Feature url="/tools/near-cli" title="NEAR CLI" subtitle="Use NEAR from the Terminal" image="near-cli.png" />
    <Feature url="/tools/near-api-js/quick-reference" title="NEAR API JS" subtitle="Interact with NEAR from JS" image="near-api-js.png" />
    <Feature url="/api/rpc/introduction" title="RPC API" subtitle="Interact with the NEAR RPC API" image="rpc.png" />
  </Column>
  <Column title="Examples & Tutorials" size="3">
    <Feature url="/tutorials/examples/donation" title="Donation" subtitle="Receive and send tokens" image="donation.png" />
    <Feature url="/tutorials/examples/factory" title="Factory Contract" subtitle="Build a contract that deploys contracts" image="factory.png" />
    <Feature url="/tutorials/examples/frontend-multiple-contracts" title="Multi-Contract Frontend" subtitle="Interact with multiple contracts" image="multiple.png" />
    <Feature url="/tutorials/nfts/js/introduction" title="Master NFTs on NEAR (JS)" subtitle="Learn everything about NFT in JS" image="nft-marketplace-js.png" />
  </Column>
</FeatureList>

---

## External Resources

Here are more sources from our ecosystem that can help you to learn more about NEAR.

<div className="row cards">
  <div className="col col--6">
    <a href="https://near.org/applications">
      <div className="card">
        <div className="card__image">
          <img src={require("@site/static/docs/assets/welcome-pages/awesomenear.jpg").default} alt="Discover" />
        </div>
        <div className="card__body">
          <h3>
          Discover
          </h3>
          Discover awesome apps in the Near ecosystem.
        </div>
      </div>
    </a>
  </div>
  <div className="col col--6">
    <a href="https://nomicon.io">
      <div className="card">
        <div className="card__image">
          <img src={require("@site/static/docs/assets/welcome-pages/nomicon.png").default} alt="Nomicon" />
        </div>
        <div className="card__body">
          <h3>
          Nomicon
          </h3>
          See how NEAR is implemented in the official protocol specification.
        </div>
      </div>
    </a>
  </div>
  <div className="col col--6">
    <a href="https://near-nodes.io">
      <div className="card">
        <div className="card__image">
          <img src={require("@site/static/docs/assets/welcome-pages/validate.png").default} alt="Validate" />
        </div>
        <div className="card__body">
          <h3>
          Running a Node
          </h3>
          Documentation on becoming a validator to help keeping the blockchain safe
        </div>
      </div>
    </a>
  </div>
  <div className="col col--6">
    <a href="https://templates.mintbase.xyz/">
      <div className="card">
        <div className="card__image">
          <img src={require("@site/static/docs/assets/welcome-pages/mintbase-templates.png").default} alt="Templates" />
        </div>
        <div className="card__body">
          <h3>Templates</h3>
            Templates for creating web3 applications
        </div>
      </div>
    </a>
  </div>
</div>
