content: import React from 'react';
  import App from '../components/App';
  
  // Child routes
  import home from './home';
  import learn from './learn';
  import content from './content';
  import error from './error';
  
  export default {
  
    path: '/',
  
    // keep in mind, routes are evaluated in order
    children: [
      home,
      learn,
  
      // place new routes before...
      content,
      error,
    ],
  
    async action({ next, render, context }) {
      const component = await next();
      if (component === undefined) return component;
      return render(
        <App context={context}>{component}</App>
      );
    },
  
  };
  