title: How can i load the main page without ruining the structure of requests
body: <p>So, when the user gets on my website this script works in order to load the main page.</p>
  <pre><code>    router.use(&quot;/&quot;, async(req,res,next)=&gt;{
      getMovies().then(movie=&gt;{res.render(&quot;../view/index&quot;, {&quot;movies&quot;: movie})})
  })
  </code></pre>
  <p>But i guess this is not the right way to render the main page, because when i try to make a fetch request.</p>
  <pre><code>fetch('/otp-sent', {
          method: &quot;POST&quot;,
          headers: {
              'Content-Type': 'application/json'
          },
          body: JSON.stringify({status: &quot;active&quot;})
      })
  </code></pre>
  <p>It is not catched by my backend code.</p>
  <pre><code>router.post(&quot;/otp-sent&quot;, async(req,res)=&gt;{
      console.log(req.body)
  })
  </code></pre>
  <p>However, when i delete the first sequence of code, everything works as intended. How can i fix it?</p>