better paths

Author: Alban Bailly

gatsby-node.js

@@ -133,7 +133,7 @@ exports.createPages = async ({ actions, graphql }) => {
     paths = _.uniq(paths);
     paths.forEach(name => {
       createPage({
-        path: `api/v4${name}`,
+        path: `api/v4/${_.kebabCase(name)}`,
         component: apiTemplate,
         context: {
           name

src/components/2_molecules/sidemenu.js

@@ -1,6 +1,8 @@
 import React from "react";
 import { graphql, StaticQuery } from "gatsby";
 
+const _ = require("lodash");
+
 const SideMenu = ({ data }) => {
   const groups = data.allPaths.group;
 
@@ -16,17 +18,23 @@ const SideMenu = ({ data }) => {
                 <div key={i}>
                   {n.get && (
                     <li className="list-reset">
-                      <a href={`/api/v4${n.name}#get`}>{n.get.summary}</a>
+                      <a href={`/api/v4/${_.kebabCase(n.name)}#get`}>
+                        {n.get.summary}
+                      </a>
                     </li>
                   )}
                   {n.post && (
                     <li className="list-reset">
-                      <a href={`/api/v4${n.name}#post`}>{n.post.summary}</a>
+                      <a href={`/api/v4/${_.kebabCase(n.name)}#post`}>
+                        {n.post.summary}
+                      </a>
                     </li>
                   )}
                   {n.put && (
                     <li className="list-reset">
-                      <a href={`/api/v4${n.name}#put`}>{n.put.summary}</a>
+                      <a href={`/api/v4/${_.kebabCase(n.name)}#put`}>
+                        {n.put.summary}
+                      </a>
                     </li>
                   )}
                 </div>

src/components/5_templates/api.js

@@ -55,6 +55,7 @@ const apiPage = ({ data }) => {
                           </p>
                           <ul>
                             {r.content &&
+                              r.content.application_json &&
                               Object.keys(
                                 r.content.application_json.schema.properties
                               ).map((p, i) => {