'How to use Glide js in Next js

How can I use script tag in next javascript in _app.js component and I want to use Glide javascript carousel in next javascript. I am unable use the script tag. so please help me as provide my code.

import "../styles/globals.css";
import "bootstrap/dist/css/bootstrap.min.css";
// import Script from "next/script";
import { Container, Row } from "react-bootstrap";
// import Head from "next/head";
import Contact from "./components/contact";



import Header from "./components/header";
import Footer from "./components/footer";

function MyApp({ Component, pageProps }) {
  return (
    <div>
      {/* <Head>
        <Script src="https://cdn.jsdelivr.net/npm/@glidejs/glide" />
        <Script src="node_modules/@glidejs/glide/dist/glide.min.js"></Script>

    
      </Head>
      <link
        rel="stylesheet"
        href="node_modules/@glidejs/glide/dist/css/glide.core.min.css"
      ></link>
      <link
        rel="stylesheet"
        href="node_modules/@glidejs/glide/dist/css/glide.theme.min.css"
      ></link> */}
      <Header />
      <Component {...pageProps} />
      <div>
        <div>
          <Container>
            <Row>
              <Contact />
           
            </Row>
          </Container>
        </div>
      </div>
      <Footer />
    </div>
  );
}

export default MyApp;

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'How to use Glide js in Next js

Sources

Related Questions