Hola estoy pasando un template de html a NextJS. Cuando carga el sitio por primera vez, carga todo los js, despues de navegar hacia otra pagina. Y regresarme al Inicio, ya no me funciona el Slider, el boton de abrir menu etc
_document.js
import React, { useEffect, useState } from 'react';
import Document, { Html, Head, Main, NextScript } from 'next/document'
class MyDocument extends Document {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx)
return { ...initialProps }
}
render() {
return (
<Html>
<Head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link href="/css/custom.css" rel="stylesheet" />
</Head>
<body data-template="template-basketball">
<div class="site-wrapper clearfix">
<div class="site-overlay"></div>
<Main />
</div>
<NextScript />
<script src="/vendor/jquery/jquery.min.js"></script>
<script src="/vendor/jquery/jquery-migrate.min.js"></script>
<script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/js/core.js"></script>
<script src="/js/init.js"></script>
</body>
</Html>
)
}
}
export default MyDocument