<commit_before>---
title: Use Netlify CMS to manage your content of a Phenomic project
---

Once you configured [automatic deployment with Netlify](../../deploy/netlify/),
you may want to get a CMS to manage Phenomic content.

You are lucky, [Netlify](https://www.netlify.com/) is working on [netlify-cms](https://github.com/netlify/netlify-cms).

_Netlify CMS_ is a Content Management System for static site generators,
so we can use it with Phenomic.

---

⚠️ Netlify-cms is in active development and there is not a stable version for now

---

Let's see how to configure it

## Install

The installation is pretty simple.

You need to create an `/admin` folder to the root of your project directory
with 2 files :

1. `index.html`:

  ```html
  <!doctype html>
  <html>
    <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Content Manager</title>
      <link rel="stylesheet" href="https://unpkg.com/netlify-cms/dist/cms.css" />
    </head>
    <body>
      <script src="https://unpkg.com/netlify-cms/dist/cms.js"></script>
    </body>
  </html>
  ```

2. `config.yml`:
  _Note: PHENOMIC_SOURCE & ASSETS_FOLDER are configurable in your `package.json`.
  Replace those in the section below_

  ```yml
  backend:
    name: github
    repo: {YOUR_GIT_REPO} # owner/repo
    branch: {YOUR_BRANCH} # master

  public_folder: "{PHENOMIC_SOURCE}"
  media_folder: "{PHENOMIC_SOURCE}/{ASSETS_FOLDER}"

  collections:
    - name: "post"
      label: "Post"
      folder: "{PHENOMIC_SOURCE}/posts"
      create: true
      fields:
        - {label: "Title", name: "title", widget: "string"}
        - {label: "Body", name: "body", widget: "markdown"}
      meta:
        - {label: "Publish Date", name: "date", widget: "datetime"}
  ```  

  For more informations about the `config.yml`, checkout the [official documentation](https://github.com/netlify/netlify-cms#installing)

## Webpack configuration

We need to install the `Copy Webpack Plugin` :

```console
npm install -D copy-webpack-plugin
```
<commit_msg>Docs: update netlify cms instruction (#870)<commit_after>---
title: Use Netlify CMS to manage your content of a Phenomic project
---

Once you configured [automatic deployment with Netlify](../../deploy/netlify/),
you may want to get a CMS to manage Phenomic content.

You are lucky, [Netlify](https://www.netlify.com/) is working on [netlify-cms](https://github.com/netlify/netlify-cms).

_Netlify CMS_ is a Content Management System for static site generators,
so we can use it with Phenomic.

---

⚠️ Netlify-cms is in active development and there is not a stable version for now

---

Let's see how to configure it

## Install

The installation is pretty simple.

You need to create an `/admin` folder to the root of your project directory
with 2 files :

1. `index.html`:

  ```html
  <!doctype html>
  <html>
    <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Content Manager</title>
      <link rel="stylesheet" href="https://unpkg.com/netlify-cms/dist/cms.css" />
    </head>
    <body>
      <script src="https://unpkg.com/netlify-cms/dist/cms.js"></script>
    </body>
  </html>
  ```

2. `config.yml`:
  _Note: PHENOMIC_SOURCE & ASSETS_FOLDER are configurable in your `package.json`.
  Replace those in the section below_

  ```yml
  backend:
    name: github
    repo: {YOUR_GIT_REPO} # owner/repo
    branch: {YOUR_BRANCH} # master

  public_folder: "{PHENOMIC_SOURCE}"
  media_folder: "{PHENOMIC_SOURCE}/{ASSETS_FOLDER}"

  collections:
    - name: "post"
      label: "Post"
      folder: "{PHENOMIC_SOURCE}/posts"
      create: true
      card: {type: "alltype", text: "title"}
      fields:
        - {label: "Title", name: "title", widget: "string"}
        - {label: "Body", name: "body", widget: "markdown"}
      meta:
        - {label: "Publish Date", name: "date", widget: "datetime"}
  ```  

  For more informations about the `config.yml`, checkout the [official documentation](https://github.com/netlify/netlify-cms#installing)

## Webpack configuration

We need to install the `Copy Webpack Plugin` :

```console
npm install -D copy-webpack-plugin
```

{'fraction_non_alphanumeric': 0.13885620145916686, 'fraction_numerical': 0.0035302424099788185, 'mean_word_length': 3.305977710233029, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 31, 'https://': 10, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4996577', 'n_tokens_mistral': 1479, 'n_tokens_neox': 1395, 'n_words': 430}