title: Persist data between two pages with Next.js
body: <p>I would like to refactor my Next.js webapp to have different pages handle different screens. Currently, I have this component holding several states to know in which screen I'm in. In the jsx section, I'm using <code>{value &amp;&amp; ... }</code> to render the right component.</p>
  
  <p>But I feel this is not good design, and won't be maintainable when adding more and more screens.</p>
  
  <p>I would also like to avoid Redux as it is overkill for my project.</p>
  
  <p>I was thinking about persisting data in cookies so I can retrieve them with getInitialProps in every component when rendering a new page, but is there a more elegant way?</p>
  
  <p>I've read about tweaking the <code>_app.js</code> but I'm not sure to understand the consequences of doing so, and how it could help me..</p>
  
  <p>Any suggestion?</p>