Creating the collection

Once you “login”, you’ll be “redirected” to a collections view. This collection is the meat-and-potatoes of this chapter’s example. The collection will display various Bleeding Edge book covers. Users can click on a cover and get routed to a “details” component where they cab “buy” or “share” the book.

The Header

Every web application needs a header. As you’ve probably guessed, Bulma has classes that we can use that make this very easy.

You’re final header should look something to this when done:

Create your Header.jsx component and place the JSX file in the src/components/Header/ directory. This Header component will be the header “container”.

Header.jsx

The base element for this component will be <header>. Inside that <header> will be a <nav> with some Bulma classes.

<header>
  <nav>

  </nav>
</header...