title: What's hydrate action in Next Redux Wrapper?
body: <p>Recently I started using Next.js and I have a question about the next-redux-wrapper package. I don't really understand the <code>HYDRATE</code> action. So I wonder concretely what it is, what is it for and when is it launched.</p>
  <p>Because currently the only thing I really understood is that it is used with the <code>getServerSideProps</code> function to allow the store to be &quot;loaded&quot; before rendering the page.</p>
  <p>But that leaves a lot of questions unanswered, for example :</p>
  <pre><code>export const getServerSideProps = wrapper.getServerSideProps(store =&gt; () =&gt; {
    store.dispatch(getTasks())
  })
  </code></pre>
  <p>In this case I wonder what is the point of dispatching the <code>getTasks</code> action since it will be the <code>HYDRATE</code> action that will be played. Or why use the next-redux-wrapper package instead of just using a normal <code>getServerSideProps</code> function in which we would dispatch the <code>getTasks</code> action by simply importing the store?</p>
  <p>This may seem silly but since there are few resources on this and I'm quite inexperienced, added to that I'm French. So I'm having trouble understanding the usefulness of a wrapper.</p>
  <p>I would so be grateful to provide me with clear answers, taking into account my difficulties.</p>