netlify/templates

This is board to showcase templates and boilerplates https://templates.netlify.com

The Netlify CMS Template Showroom

This is a board with templates for static site generators and boilerplates.

Important Notice

⚠️ The templates.netlify.com repo is now archived, and the site is currently being redirected to relevant GitHub repos, jamstack.org/, or www.netlify.com pages. If you are interested in adding a template to netlify.com/integrations/templates/, please reach out to [email protected]

Developing

This site uses Gulp to compile its Sass and JavaScript, and then Eleventy as a static site generator to build the pages.

The site is deployed onto Netlify via a continuous deployment process which just requires a push to the master git branch to publish new changes.

Prerequisites

In order to develop locally you will need:

• Git
• Node (v0.9.0 or later)
• Yarn (v1.5.1 or later)
• ImageMagick
• GraphicsMagick

Installing dependencies and developing locally

# Clone this repository
git clone [email protected]:netlify/templates.git netlify.templates.com

# Move to the project root
cd netlify.templates.com

# install dependencies
yarn
brew bundle

# start local development server and watch for changes
# with a local server on http://127.0.0.1:8008
yarn start

Contributing templates

All templates must build reside in their own Git repository with suitable README instructions for installing, developing and deploying.

Automated builds should include installation of all prerequisites and successfully build on Netlify.

To add a template to this listing:

• fork this repository
• add your template as a new Markdown file in the src/site/template/ directory following the conventions described below
• add a screenshot as a preview image illustrating a view of this template to the src/image/previews directory
• create a pull request to this repository

Template page structure

Use these conventions in your new template description page:

src/site/template/UNIQUE-DESCRIPTIVE-FILE-NAME.md

---
title: Descriptive title for display
repo: URL of git repository for this template
stack: (optional) List the stack arguments that Netlify will use with the DTN button. eg: cms
preview: {filename for preview image}
example: {URL of an example site}
tags:
  - react
  - gatsby
  - blog
---

{A description of the main features and technologies in this template}

For the moment, the case of these tags matters. :(

templates's Issues

hyde-cms-theme template fails to build

- Do you want to request a feature or report a bug?

bug

- What is the current behavior?

using the hyde-cms-theme deploy to netlify template from the templates site, the build will fail: https://app.netlify.com/sites/gracious-easley-a9e18c/deploys/5d8ae0622d855f16a9b35e13

- If the current behavior is a bug, please provide the steps to reproduce.

use button, see failure.

- What is the expected behavior?

use button, get published :)

- Please mention your node.js, and operating system version.

stock & unchanged.

Order templates alphabetically by name

- Do you want to request a feature or report a bug?

Enhancement

- What is the current behavior?

Who on earth knows what order the template pages are listed in?!

- What is the expected behavior?

Where templates are displayed in a listing, that listing should be alphabetical by name.

Deploy preview fails when adding a template

- Do you want to request a feature or report a bug?
Feature

- What is the current behavior?
Build fails for deploy preview and produces this error in the log Error checking out repo

- What is the expected behavior?
Build to pass and produces a deploy preview

Add gatsby-contentful-starter template

- Do you want to request a feature or report a bug?
feature

- What is the expected behavior?
It adds gatsby-contentful-starter template to the list of templates available

Maker the tags respect ignore titlecase, but respect later caps

- Do you want to request a feature or report a bug?

Bug

- What is the current behavior?

The tags listing reveals that tags are case senstive and that we have different capitalizations of the same tag present.

- What is the expected behavior?

Tags should be ignore sentence-case or title-case and normalize the tag internally as lowercase for consistency, but should display with Titlecase.

We should also honor the capitalization of later letters in the tag incase they carry specific importnace such as in NetlifyCMS.

This should be stored internally as netlifyCMS (regardless is it was entered calitalized or not) but rendered as NetlifyCMS

"Deploy to Netlify" deploys from a Contentful user repo that's no longer maintained

On this page for the Gatsby Starter Blog:

https://templates.netlify.com/template/gatsby-starter-contentful/

The "deploy to netifly" button deploys from an old Contentful user repo that's no longer being maintained.

This is the old repo and old preview site:

https://github.com/contentful-userland/gatsby-contentful-starter

https://contentful-userland.github.io/gatsby-contentful-starter/

And this is the new, officially supported repo and preview site:

https://github.com/contentful/starter-gatsby-blog

https://contentful.github.io/starter-gatsby-blog/

Please can you update?

Improve the order of content in narrow layout

- Do you want to request a feature or report a bug?

Enhancement

- What is the current behavior?

The ordering of content for each template in the template listings is a but poor. The preview image appears before the name of the template which makes things less clear than they should be.

- What is the expected behavior?

The name of the template should appear before (above) the preview image in the narrow view of the site.

Add gatsby-starter-netlify-cms template

- Do you want to request a feature or report a bug?
feature

- What is the expected behavior?
It adds gatsby-starter-netlify-cms to the list of templates.

Archive this repository

Now that we redirect to the main Netlify site, should we archive this repository?

cc @stephan1echung @ryanbonial @taty2010 @tzmanics

Test out all JAMstack templates

- Do you want to request a feature or report a bug?
Tests

- What is the current behavior?
The entire templates are either working correctly or need updating and bug fixing.

- What is the expected behavior?
All templates listed should be up-to-date and working as expected.

- Tasks

• Set up all templates individually and document the current state of the template.
• Take note of issues encountered while setting up individual templates.

Add serverless markdown git WIKI with auth

Do you want to request a feature or report a bug?: a feature

It would be great to have a template to deploy an entreprise markdown wiki with auth (nobody can see/edit pages without being loggued in)

My use case: we use gitlab's private wiki but it is really slow and it goes slowier and slowier with time. Since wiki is mostly read-only, it would be a great usecase for serverless to have a template for wiki.

In gitlab, as in github, wikis are simple git repositories with markdown files

Updates the CODEOWNERS to tag netlify/templates

Given the change in organization structure, this will be owned by the Templates team, a specialized function under Developer Experience in Netlify. In case anyone needs us, we want to be sure to get notified immediately.

"Deploy To Netlify" deploys from Kaldi repo that is no longer maintained

What happens
On
https://templates.netlify.com/template/hugo-starter-blog-theme-kaldi/ (and from https://templates.netlify.com/) if you click on "Deploy To Netlify" it deploys from the repo https://github.com/netlify-templates/kaldi-hugo-cms-template. Per the readme in that repo it's no longer maintained.

What should happen
The readme identifies https://github.com/netlify-templates/one-click-hugo-cms as the maintained repository, clicking on "Deploy To Netlify" should deploy from that repo

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined

Add gatsby-starter-ecommerce template

- Do you want to request a feature or report a bug?
feature

- What is the expected behavior?
It adds gatsby-starter-netlify-cms to the list of templates.

In Tag view, "what will this do" link goes nowhere

Report type: Bug
Repro steps:

1. Navigate to a tag view (e.g. https://templates.netlify.com/tags/netlifyCMS)
2. Click What will this do? under the first template
3. Observe that the browser's URL changes but the user is not shown any new information

Expected behavior

• Clicking What will this do takes the user to an explainer, as on the homepage.

Need to update favicon

- Do you want to request a feature or report a bug?
This is an enhancement, to remove the React favicon and replace it with something else

Yarn `clean-build` Error: File not found with singular glob | Failure to launch dev server

Bug Report

Issue.
Yarn fails to start development server with error on clean-build

Steps to Reproduce

1. Fork the repository

2. Clone the fork
   git clone https://github.com/tcbutler320/templates.git

3. CD into folder
   cd templates

4. Run yarn to install dependancies

➜  templates git:(master) yarn
yarn install v1.22.10
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
[4/4] 🔨  Building fresh packages...
✨  Done in 5.00s.

5. Run yarn start to launch dev server.

➜  templates git:(master) yarn start
yarn run v1.22.10
$ gulp build:local && gulp serve & gulp watch
[19:38:33] [19:38:33] Using gulpfile ~/Documents/projects/programming/Github/templates/gulpfile.js
Using gulpfile ~/Documents/projects/programming/Github/templates/gulpfile.js
[19:38:33] [19:38:33] Starting 'watch'...
Starting 'build:local'...
[19:38:33] Starting 'clean-build'...
[19:38:33] 'clean-build' errored after 7.12 ms
[19:38:33] Error: File not found with singular glob: /Users/tylerbutler/Documents/projects/programming/Github/templates/dist (if this was purposeful, use `allowEmpty` option)
    at Glob.<anonymous> (/Users/tylerbutler/Documents/projects/programming/Github/templates/node_modules/glob-stream/readable.js:84:17)
    at Object.onceWrapper (events.js:428:26)
    at Glob.emit (events.js:321:20)
    at Glob.EventEmitter.emit (domain.js:482:12)
    at Glob._finish (/Users/tylerbutler/Documents/projects/programming/Github/templates/node_modules/glob/glob.js:197:8)
    at done (/Users/tylerbutler/Documents/projects/programming/Github/templates/node_modules/glob/glob.js:182:14)
    at Glob._processSimple2 (/Users/tylerbutler/Documents/projects/programming/Github/templates/node_modules/glob/glob.js:688:12)
    at /Users/tylerbutler/Documents/projects/programming/Github/templates/node_modules/glob/glob.js:676:10
    at Glob._stat2 (/Users/tylerbutler/Documents/projects/programming/Github/templates/node_modules/glob/glob.js:772:12)
    at lstatcb_ (/Users/tylerbutler/Documents/projects/programming/Github/templates/node_modules/glob/glob.js:764:12)
[19:38:33] 'build:local' errored after 11 ms

Expected Behavior
With dependancies installed dev server should launch with no error. I suspect this would have something to do with my own setup but I've yet to find a solution.

System Information

Mac OSX Catalina: 10.15.7 (19H2)

• Yarn: 1.22.10
• Node: v12.16.0
• Git: 2.23.0

Create Gatsby CMS template

Add QCObjects Neumorphism Template

- Do you want to request a feature or report a bug?
feature

- What is the expected behavior?
add QCObjects Neumorphism Template

- Please mention your node.js, and operating system version.
NodeJS >10

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update actions/checkout action to v3
• chore(deps): update node.js to v18
• fix(deps): update dependency @11ty/eleventy to v1
• fix(deps): update dependency dotenv to v16
• fix(deps): update dependency git-url-parse to v13
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/fossa.yml

• actions/checkout v2
• fossas/fossa-action v1

npm

package.json

• @11ty/eleventy ^0.12.0
• concurrent-transform ^1.0.0
• dotenv ^8.0.0
• git-url-parse 11.6.0
• gulp ^4.0.0
• gulp-clean ^0.4.0
• gulp-concat ^2.6.1
• gulp-image-resize ^0.13.1
• gulp-rename ^2.0.0
• gulp-sass ^5.1.0
• gulp-serve ^1.4.0
• gulp-shell ^0.8.0
• gulp-uglify ^3.0.0
• node-fetch ^2.6.1
• pump ^3.0.0
• require-dir ^1.0.0
• sass ^1.54.4

nvm

.nvmrc

• node 12

---

• Check this box to trigger a request for Renovate to run again on this repository

[🚨 Announcement!] templates.netlify.app soon to be moved

Thank you for your interest in our template site. We have recently decided we are going to move Netlify templates to a dedicated integration page on netlify.com! We will be redirecting users from netlify.templates to this page towards the end of September 2022 (specific details to come).

We still love the idea of working with partners throughout our ecosystem. If this sounds good to you, we have this document that will walk you through this partnership process: Netlify Ecosystem Partner Template Process.

Please feel free to reach out to us at [email protected] if you have any questions or concerns.

Thank you!

Add OG images and metadata to template pages

- Do you want to request a feature or report a bug?

This is an enhancement request

- What is the current behavior?

Sharing a link to a template pages on social does not show a visual card via OG.

- What is the expected behavior?

Wouldn't it be great if it did?!

Activity required

• create a page vie which would generate a suitable social card
• capture that as an image with during the build process
• embellish the template page... um... page template to include OG metadata and a link to the image

Add Kaldi to the list

http://kaldi.netlify.com/

Tags not working

Current: https://templates.netlify.com/tags/netlifyCMS
Only one template

Prefered: 2 and more

There isn't connection between letter caps or not.
Is about every site tag "NetlifyCMS" rendering one template (even if they share same letter sensitive tag).

[security] Enforce Branch Protections

This is an issue generated by (for-internal-use-only)github-tools

Description

This repository has exceeded the development grace period, and the repo owner must decide if branch protections should be enforced.
If this repository houses code used in production in any capacity, branch protections must be enforced. Read (for-internal-use-only)here for more details

What do I need to do?

• You can control whether or not branch protections are enforced by exclusively creating either of the labels:
  'enforce-branch-protections: true' or 'enforce-branch-protections: false'
• If there is no branch protection control label, this issue will be recreated.
• Once you have created either label, you can close this issue.
• If you have issues or questions, please reach out to #internal-security-n-compliance on slack.