Fix meta data in accordance to the docs.

This commit is contained in:
2021-09-13 16:08:47 -04:00
parent d4ccb7a5c8
commit 2dadc9bcfa
5 changed files with 42 additions and 22 deletions

19
pages/_app.tsx Normal file
View File

@@ -0,0 +1,19 @@
import type { AppProps } from "next/app";
import Head from 'next/head'
import React, { Fragment } from "react";
function LucidCreationWebsite({ Component, pageProps }: AppProps): JSX.Element {
return (
<Fragment>
<Head>
<meta charSet="utf-8" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="icon" href="/logo/favicon/favicon.ico" />
</Head>
<Component {...pageProps} />
</Fragment>
)
}
export default LucidCreationWebsite;

View File

@@ -1,15 +1,13 @@
import Document, { Html, Main, NextScript, Head } from 'next/document'
import Footer from '../components/layout/Footer'
import React from 'react'
class MyDocument extends Document {
render() {
render(): JSX.Element {
return (
<Html>
<Head>
<meta name="description" content="The new and improved Lucid Creations Media website." />
<meta charSet="utf-8" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="icon" href="/logo/favicon/favicon.ico" />
</Head>
<body>
<Main />

View File

@@ -1,7 +1,7 @@
import Head from 'next/head'
import React, { Fragment } from 'react'
const IndexPage = () => {
const IndexPage = (): JSX.Element => {
return (
<div>
<Head>
@@ -18,4 +18,4 @@ const IndexPage = () => {
)
}
export default IndexPage
export default IndexPage;