{loginErrorMessage}
: null} 115 | 129 |
`,
11 | }
12 |
--------------------------------------------------------------------------------
/packages/netlify-cms-starter/src/components/NetlifyCMS/data/config.json:
--------------------------------------------------------------------------------
1 | {
2 | "backend": {
3 | "name": "test-repo"
4 | },
5 | "load_config_file": false,
6 | "display_url": "https://netlify-cms-components.netlify.com",
7 | "media_folder": "public/uploads",
8 | "public_folder": "/uploads",
9 | "collections": [{
10 | "name": "test",
11 | "label": "Test",
12 | "files": [{
13 | "label": "Test",
14 | "name": "test",
15 | "file": "example/test.yml",
16 | "fields": [{
17 | "name": "test_widget",
18 | "label": "Test Number",
19 | "widget": "number"
20 | },
21 | {
22 | "name": "test_widget_number",
23 | "label": "Test String",
24 | "widget": "string",
25 | "required": false
26 | }
27 | ]
28 | }, {
29 | "label": "Recipes",
30 | "name": "recipes",
31 | "file": "example/recipes.json",
32 | "fields": [{
33 | "name": "items",
34 | "label": "Recipe",
35 | "widget": "list",
36 | "fields": [{
37 | "name": "title",
38 | "label": "Recipe Title",
39 | "widget": "string"
40 | },
41 | {
42 | "name": "id",
43 | "label": "Recipe Id",
44 | "widget": "string"
45 | },
46 | {
47 | "name": "directions",
48 | "label": "Recipe Directions",
49 | "widget": "markdown"
50 | }
51 | ]
52 | }]
53 | }]
54 | }]
55 | }
--------------------------------------------------------------------------------
/packages/netlify-cms-starter/src/components/NetlifyCMS/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CMS from 'netlify-cms-app';
3 | import FileSystemBackend from 'netlify-cms-backend-fs';
4 |
5 | import config from './data/config.json';
6 | import AuthorsPreview from './components/AuthorsPreview';
7 | import EditorYoutube from './components/EditorYoutube';
8 |
9 | function NetlifyCMS() {
10 | React.useEffect(() => {
11 | if (process.env.NODE_ENV === 'development') {
12 | // const FileSystemBackend = import('netlify-cms-backend-fs');
13 | // console.log('FileSystemBackend', FileSystemBackend)
14 | config.backend = {
15 | "name": "file-system",
16 | "api_root": "http://localhost:3000/api"
17 | }
18 | CMS.registerBackend('file-system', FileSystemBackend);
19 | }
20 | CMS.registerPreviewTemplate('authors', AuthorsPreview);
21 | CMS.registerEditorComponent(EditorYoutube);
22 |
23 | CMS.init({ config });
24 | })
25 |
26 | return (
27 |
28 | );
29 | }
30 |
31 | export default NetlifyCMS;
32 |
--------------------------------------------------------------------------------
/packages/netlify-cms-starter/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: sans-serif;
5 | }
6 |
--------------------------------------------------------------------------------
/packages/netlify-cms-starter/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import * as serviceWorker from './serviceWorker';
6 |
7 | ReactDOM.render(