text: import axios from "axios";
  import Head from "next/head";
  import { Fragment } from "react";
  import { motion } from "framer-motion";
  
  import { DefaultLayout } from "../layouts/DefaultLayout";
  
  const Server = (props) => {
    return (
      <Fragment>
        <Head>
          <meta name="description" content={props.metadata} />
          <meta name="author" content="TrustedMercury" />
  
          <meta name="title" content="React Next Template" />
          <meta property="og:title" content="React Next Template" />
          <meta property="og:description" content={props.metadata} />
          <meta property="twitter:title" content="React Next Template" />
          <meta property="twitter:description" content={props.metadata} />
        </Head>
        <DefaultLayout>
          <div className="flex flex-col items-center justify-center h-full text-center">
            <motion.span
              className="text-5xl md:text-8xl text-gray-300 font-semibold font-inter"
              initial="initial"
              animate="enter"
              variants={{
                initial: { y: 20, opacity: 0 },
                enter: { y: 0, opacity: 1, transition: { duration: 0.5 } }
              }}
            >
              Server Rendered
            </motion.span>
            <motion.span
              className="text-lg md:text-3xl text-gray-400 max-w-xs md:max-w-full"
              initial="initial"
              animate="enter"
              variants={{
                initial: { y: 20, opacity: 0 },
                enter: { y: 0, opacity: 1, transition: { duration: 0.5, delay: 0.1 } }
              }}
            >
              This page is server side rendered!
            </motion.span>
          </div>
        </DefaultLayout>
      </Fragment>
    )
  }
  
  export async function getServerSideProps() {
  
    const response = await axios.get("https://baconipsum.com/api/?type=meat-and-filler");
    const metadata = response.data[0];
  
    return { props: { metadata: metadata } }
  
  }
  
  export default Server;
  