intro-to-next-part2 -- mock data

components GithubRepos.js

...
import { MOCK_URL } from "../mock/config.json";

const API_URL = MOCK_URL
  ? MOCK_URL
  : `https://api.github.com/search/repositories?q=stars:>1+language:javascript&sort=stars&order=desc&type=Repositories`;
...

mock config.json

{
  "MOCK_URL": "http://localhost:3333/search/repositories"
}

package.json

  "scripts": {
    ...
    "mock": "node server"
  },

server.js

const jsonServer = require("json-server");
const server = jsonServer.create();
const router = jsonServer.router("./mock/data.json");
const middlewares = jsonServer.defaults();

server.use(middlewares);

// rewrite routes
server.use(
  jsonServer.rewriter({
    "/search/repositories": "/items",
    "/search/repositories/:id": "/items/:id"
  })
);

// format outgoing data
router.render = (req, res) => {
  res.jsonp({
    items: res.locals.data
  });
};

server.use(router);

server.listen(3333, () => {
  console.log("JSON Server is running");
});