<Layout title="The starting point for learning TypeScript" description="Find TypeScript starter projects: from Angular to React or Node.js and CLIs." >

<div id="documentation" className="raised" style={{ backgroundColor: "white", maxWidth: 960, margin: "1rem auto", padding: "2rem" }}>

<h1>Start Learning</h1>

<ButtonGrid {...headlineGrid} />

<h1>Start a Project</h1>

<p>Because TypeScript is a super-set of JavaScript, it doesn't have a default template - there would be too many.

Instead, other projects have their own TypeScript bootstrap templates with their own context. These projects provide

templates which include TypeScript support.</p>

<h2>Node with NPM</h2>

<ButtonGrid buttons={nodeNPM} />

<h2>Web Frameworks</h2>

<ButtonGrid buttons={webFrameworks} />

<h2>Node APIs</h2>

<ButtonGrid buttons={apis} />

<h2>React Projects</h2>

<ButtonGrid buttons={react} />

<h2>Building Apps</h2>

<ButtonGrid buttons={apps} />

<h2>Tooling</h2>

<ButtonGrid buttons={tooling} />

<h1>Familiar With TypeScript already?</h1>

<ButtonGrid buttons={learn} />

</div >