title: CSR and SSR together with next
body: <p>I have basically three user roles in my app, Consumer, Merchant and Admin. The pages that Consumer accesses to should be SEO friendly and will be server rendered. And I want my Merchant and Admin pages to be client rendered, each having a different build so that for merchant it will have only merchant js build rendered to browser. So it will act like full on react project, same way for admin also.</p>
  <p>Besides, these all three roles will be using same reusable components. Also all has to be a single repository.</p>
  <p>Can this be achieved by next.js? How should I be managing the project? Also, when the merchant is a wholly a react app, how does react's routing affect next's routing?</p>