> For the complete documentation index, see [llms.txt](https://cloudinary.gitbook.io/build-a-mini-netflix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cloudinary.gitbook.io/build-a-mini-netflix/build-a-mini-netflix-with-cloudinary/setup-root-route.md).

# Setup Root Route

In order to see how your app works with these components, you need to set up some routes.

Open up your `src/index.js`. You'll define the routes here.

## Import components

Import `react`, `react-dom`, service worker and the display component.

```
import React from 'react';
import ReactDOM from 'react-dom';
import Display from './components/Display';
import registerServiceWorker from './registerServiceWorker';
import { Router, Route, browserHistory } from 'react-router';
```

## Set up the route

```
const Root = () => {
  return (
    <div className="container">
      <Router history={browserHistory}>
        <Route path="/" component={Display}/>
      </Router>
    </div>
  )
}

ReactDOM.render(<Root />, document.getElementById('root'));
registerServiceWorker();
```

## Run your app

Run the `npm start` command in your terminal to start up the app.

```
npm start
```

Your app should look like this now.

![App with navbar](http://res.cloudinary.com/unicodeveloper/image/upload/v1519851688/navbar.png)