Skip to content

Commit

Permalink
replace nuxt starter, reorder and refactor tempaltes (#57)
Browse files Browse the repository at this point in the history 
- update nuxt logo
  • Loading branch information
@martinjagodic
martinjagodic authored Jun 14, 2024
1 parent b2469b9 commit 46f525d
Show file tree
Hide file tree
Showing 2 changed files with 59 additions and 57 deletions.
112 changes: 56 additions & 56 deletions content/docs/start-with-a-template.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,72 +3,72 @@ group: Intro
weight: 2
title: Start with a Template
---
You can add Decap 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 Decap CMS to Netlify ([what's the difference, you ask?](../intro/#decap-cms-vs-netlify)), giving you a fully working CMS-enabled site with just a few clicks.
You can add Decap 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 Decap CMS to Netlify, giving you a fully working CMS-enabled site with just a few clicks.

<div style="display: flex; justify-content: left; text-align: center; margin-bottom: 1.5em; flex-wrap: wrap;"stack=cms>
<div style="flex-basis: 33%">
<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/decaporg/one-click-hugo-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
<div style="display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); text-align: center; margin-bottom: 1.5em;">
<div style="flex-basis: 33%">
<div style="padding: 0 15%; height: 100px; display: flex; justify-content: center;">
<img src="/img/hugo.svg"/>
</div>
<div style="flex-basis: 33%">
<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/decaporg/gatsby-starter-decap-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
<h4 style="margin: 1.25rem 0 0.75rem;">Hugo Site Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/decaporg/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%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img src="/img/gatsby.svg"/>
</div>
<div style="flex-basis: 33%">
<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>
<h4 style="margin: 1.25rem 0 0.75rem;">Gatsby Site Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/decaporg/gatsby-starter-decap-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%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img src="/img/nuxt.svg"/>
</div>
<div style="flex-basis: 33%">
<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/preactjs/preact-netlify&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
<h4 style="margin: 1.25rem 0 0.75rem;">Nuxt 3 Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/Sfolkerts89/Nuxt3-starter__Decap-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%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img src="/img/nextjs.svg"/>
</div>
<div style="flex-basis: 33%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img style="display: flex" src="/img/nextjs.svg"/>
</div>
<h4>Next.js Blog Template</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/wutali/nextjs-netlify-blog-template&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
<h4 style="margin: 1.25rem 0 0.75rem;">Next.js Blog Template</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/wutali/nextjs-netlify-blog-template&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%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img src="/img/11ty-logo.svg"/>
</div>
<div style="flex-basis: 33%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<a href="https://github.com/surjithctly/neat-starter"> <img style="display: flex" src="/img/11ty-logo.svg"/> </a>
</div>
<h4>Eleventy Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/surjithctly/neat-starter&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
<h4 style="margin: 1.25rem 0 0.75rem;">Eleventy Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/surjithctly/neat-starter&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%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img src="/img/vuepress.png"/>
</div>
<div style="flex-basis: 33%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img style="display: flex" src="/img/nuxt.svg"/>
</div>
<h4>Nuxt.js Boilerplate</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/Knogobert/ntn-boilerplate&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
<h4 style="margin: 1.25rem 0 0.75rem;">VuePress Template</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/NdagiStanley/VueDN"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
</div>
<div style="flex-basis: 33%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img src="/img/middleman.svg"/>
</div>
<div style="flex-basis: 33%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img style="display: flex" src="/img/metalsmith.svg"/>
</div>
<h4>Metalsmith Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/wernerglinka/metalsmith-netlify-starter"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
<h4 style="margin: 1.25rem 0 0.75rem;">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: 33%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img src="/img/preact.svg"/>
</div>
<div style="flex-basis: 33%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img style="display: flex" src="/img/vuepress.png"/>
</div>
<h4>VuePress Template</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/NdagiStanley/VueDN"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
<h4 style="margin: 1.25rem 0 0.75rem;">Preact CLI</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/preactjs/preact-netlify&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%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<img src="/img/metalsmith.svg"/>
</div>
<h4 style="margin: 1.25rem 0 0.75rem;">Metalsmith Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/wernerglinka/metalsmith-netlify-starter"><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.
Expand Down
4 changes: 3 additions & 1 deletion static/img/nuxt.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 46f525d

Please sign in to comment.