Let’s make a couple of quick changes to test the process of deploying updates to our app.

We are going to add a Login and Signup button to our lander to give users a clear call to action.

To do this update our renderLander method in src/containers/Home.js.

renderLander() {
  return (
    <div className="lander">
      <p>A simple note taking app</p>
        <Link to="/login" className="btn btn-info btn-lg">
        <Link to="/signup" className="btn btn-success btn-lg">

And import the Link component from React-Router in the header.

import { Link } from "react-router-dom";

Also, add a couple of styles to src/containers/Home.css.

.Home .lander div {
  padding-top: 20px;
.Home .lander div a:first-child {
  margin-right: 20px;

And our lander should look something like this.

App updated lander screenshot

Next, let’s deploy these updates.