---
title: Welcome
description: Start here to learn how to use the Apollo platform.
---

<div class="docstart" align="center">

  <div class="pop-banner">
    <div class="pb-content pb-early-access">Early Access</div>
    <div class="pb-content pb-head">Interested in running GraphQL on the edge?</div>
    <div class="pb-content pb-link">
      <a href="/edge">Sign up to try Apollo Server on Cloudflare.</a>
    </div>
  </div>

  <div class="fundamentals">
      <div align="center">
        <a href="./fundamentals/platform.html">
          <img src="./images/guides.svg" width=100  height=100>
        </a>
      </div>
      <div align="center">
        <h4 class="headers"> Fundamentals </h4>
      </div>
      <div align="center">
        <p>Pre-adoption topics for ensuring a smooth ride into production</p>
      </div>
      <div align="center">
        <a href="./fundamentals/platform.html"> Start preparing &Rang; </a>
      </div>
  </div>

  <div class="guides">
    <div align="center">
        <a href="./guides/schema-design.html">
          <img src="./images/docs.svg" width=100  height=100>
        </a>
    </div>
    <div align="center">
      <h4 class="headers" align="center"> Guides </h4>
    </div>
    <div align="center">
      <p>Implementation guides covering all the best-practices from schema to style</p>
    </div>
    <div align="center">
      <a href="./guides/schema-design.html"> Follow the guides &Rang; </a>
    </div>
  </div>

  <div class="quickstart">
    <div align="center">
      <a href="#">
        <img src="./images/fundamentals.svg" width=100  height=100>
      </a>
    </div>
    <div align="center">
      <h4 class="headers" align="center"> Tutorials </h4>
    </div>
    <div align="center">
      <p>Get started quickly with GraphQL and Apollo with step-by-step instructions</p>
    </div>
    <div align="center">
      <a href="/docs/react/essentials/get-started.html"> Client &Rang; </a>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="/docs/apollo-server/v2/getting-started.html"> Server 2.0 &Rang; </a>
    </div>
  </div>
</div>

<div align="center" id="documentation-heading"> Documentation </div>

<hr />

<div class="documentation-buttons">
  <div class="doc">
    <div align="center">
      <a href="/docs/engine" class="btn default hollow"> Start with Engine </a>
    </div>
  </div>

  <div class="doc">
    <div align="center">
      <a href="/docs/react" class="btn default hollow"> Start with Client </a>
    </div> 
  </div>

  <div class="doc">
    <div align="center">
      <a href="/docs/apollo-server/v2/getting-started.html" class="btn default hollow"> Start with Server 2.0 </a>
    </div> 
  </div>
</div>