Preview:
import WithHeaderFooter from "hocs/withHeaderFooter";
import { AppProps } from "next/app";
import Head from "next/head";
import { useRouter } from "next/router";
import Script from "next/script";
import { metaData } from "public/js/metaData.constants";
import "react-datepicker/dist/react-datepicker.css";
import { Toaster } from "react-hot-toast";
import "styles/base.scss";
import "../styles/globals.modules.scss";

function MyApp({ Component, pageProps }: AppProps) {


  const router = useRouter();
  const currentPath = router.asPath;
  const currentMeta = metaData.find((meta) => meta.route == currentPath);
  let is404;
  const test = ["/careers/job-apply-form?jobId=", "/careers/job-apply?jobId="];
  if (!test.includes(router.asPath)) {
    is404 = Component.name === "Custom404";
  }

  return (
    <>
      <Script
        src="https://www.googletagmanager.com/gtag/js?id=G-WK6PVRZXQ8"
        strategy="afterInteractive"
      />
      <Script id="google-analytics" strategy="afterInteractive">
        {`
            window.dataLayer = window.dataLayer || [];
            function gtag(){window.dataLayer.push(arguments);}
            gtag('js', new Date());
  
            gtag('config', 'G-WK6PVRZXQ8');
          `}
      </Script>
      <Head>
        <meta charSet="UTF-8" />
        <link rel="canonical" href="http://www.coditas.com/" />
        <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta
          property="og:image"
          content={
            currentMeta?.image
              ? currentMeta?.image
              : "https://events-cover.s3.ap-south-1.amazonaws.com/Coditas.png"
          }
        />
        <meta
          name="google-site-verification"
          content="SCDCX0bd5CKrf4fnq6kdCSmuiFAJMzJX5eVXBUfwHXA"
        />
        <meta
          property="og:description"
          content={
            currentMeta?.description ||
            "Transform your business with Generative AI-powered Product Engineering, Legacy Modernization, and Design to thrive in the digital age."
          }
        />
        <meta
          property="title"
          content={
            currentMeta?.title ||
            "Coditas | Building Exceptional Software Solutions with Clean Code Practices"
          }
        />
        <meta
          property="og:title"
          content={
            currentMeta?.title ||
            "Coditas | Building Exceptional Software Solutions with Clean Code Practices"
          }
        />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://www.coditas.com" />
        <meta
          name="description"
          content={
            currentMeta?.description ||
            "Transform your business with Generative AI-powered Product Engineering, Legacy Modernization, and Design to thrive in the digital age."
          }
        />
        <meta
          name="keywords"
          content={
            currentMeta?.keywords ||
            "Software development services, Product engineering, Legacy modernization, Digital transformation solutions, UIUX design, DevOps Services, Generative AI solutions, AI-powered product engineering, Mobile app development, Cloud solutions, Coditas"
          }
        />
        <meta
          name="image"
          content={
            currentMeta?.image
              ? currentMeta?.image
              : "https://events-cover.s3.ap-south-1.amazonaws.com/Coditas.png"
          }
        />
        <title>
          {currentMeta?.title ||
            "Coditas | Building Exceptional Software Solutions with Clean Code Practices"}
        </title>
      </Head>
      {is404 ? (
        <Component {...pageProps} />
      ) : (

        <WithHeaderFooter headerData={pageProps?.headerData} footerData={pageProps?.footerData}>
          <Component {...pageProps} />
          <Toaster />
        </WithHeaderFooter>
      )}
    </>
  );
}




export default MyApp;
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter