docs: add Preact CLI as a starter option (#2759)

This commit is contained in:
Prateek Bhatnagar
2019-10-22 10:40:07 -07:00
committed by Shawn Erquhart
parent 1684995eaa
commit 09c2b0ab23
2 changed files with 18 additions and 3 deletions

View File

@ -6,27 +6,34 @@ weight: 10
You can add Netlify CMS [to an existing site](/docs/add-to-your-site/), but the quickest way to get started is with a template. Found below, our featured templates deploy a bare-bones site and Netlify CMS to Netlify ([what's the difference, you ask?](../intro/#netlify-cms-vs-netlify)), giving you a fully working CMS-enabled site with just a few clicks.
<div style="display: flex; justify-content: space-around; text-align: center; margin-bottom: 1.5em;">
<div style="flex-basis: 33.3%">
<div style="flex-basis: 25%">
<div style="padding: 0 15%; height: 100px; display: flex; justify-content: center;">
<img style="display: flex" src="/img/hugo.svg"/>
</div>
<h4>Hugo Site Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/one-click-hugo-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
</div>
<div style="flex-basis: 33.3%">
<div style="flex-basis: 25%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img style="display: flex" src="/img/gatsby.svg"/>
</div>
<h4>Gatsby Site Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/AustinGreen/gatsby-starter-netlify-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
</div>
<div style="flex-basis: 33.3%">
<div style="flex-basis: 25%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img style="display: flex" src="/img/middleman.svg"/>
</div>
<h4>Middleman Site Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/tomrutgers/middleman-starter-netlify-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
</div>
<div style="flex-basis: 25%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img style="display: flex" src="/img/preact.svg"/>
</div>
<h4>Preact CLI</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/prateekbh/preact-netlify&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
</div>
</div>
After clicking one of those buttons, authenticate with GitHub or GitLab and choose a repository name. Netlify then automatically creates a clone of the repository in your GitHub or GitLab account. Next, it builds and deploys the new site on Netlify, bringing you to the site dashboard after completing the build.