Create the react app using create-react-app
$ git clone https://github.com/ADARTA/netlify-cms-react-example.git
$ cd netlify-cms-react-example
$ yarn start
$ yarn add netlify-cms-proxy-server --dev
src/setupProxy.js
is recognized by the webpack setup in react-scripts, so we use the middleware script from netlify-cms-proxy-server/dist/middlewares/registerLocalFs
to create the /api/v1
endpoint.
Note: this feature is available with [email protected] and higher.
src/setupProxy.js
const {
registerLocalFs,
} = require("netlify-cms-proxy-server/dist/middlewares");
module.exports = function (app) {
registerLocalFs(app);
};
Test the API endpoint by starting the development server using npm run start
or yarn start
. The proxy api will give you a message telling you the root and site path in the terminal. Browsing to http://localhost:3000/api/v1
will confirm the API is up and running by returning a json error object letting you know it is the root of the api.
This starter can be the beginning custom CMS or we can use this as a test for an existing NetlifyCMS configuration. Just clone the repository or download.
$ yarn install
$ yarn start
This project was bootstrapped with Create React App.
You can learn more in the Create React App documentation.