adding head to app overall

This commit is contained in:
Arjun Patel
2022-01-10 22:24:20 -08:00
parent 4cb3426d77
commit f2779a0c2e
3 changed files with 29 additions and 39 deletions
+29 -1
View File
@@ -1,7 +1,35 @@
import '../styles/globals.css'
import Head from 'next/head'
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
return <>
<Head>
<meta name="description" content="Generated by create next app" />
<meta charSet="UTF-8" />
<title>nirvana</title>
<link rel="icon" href="/icon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
rel="preconnect"
href="https://fonts.gstatic.com"
crossOrigin="true"
/>
<link
href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&display=swap"
rel="stylesheet"
/>
</Head>
<Component {...pageProps} />
</>
}
export default MyApp
-26
View File
@@ -5,32 +5,6 @@ import styles from '../styles/Home.module.css';
export default function Home() {
return (
<div className={styles.container}>
<Head>
<title>Create Next App</title>
<meta name="description" content="Generated by create next app" />
<meta charSet="UTF-8" />
<title>nirvana</title>
<link rel="icon" href="/icon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
rel="preconnect"
href="https://fonts.gstatic.com"
crossOrigin="true"
/>
<link
href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&display=swap"
rel="stylesheet"
/>
</Head>
<main className="space-y-10">
<p id="main-title">nirvana</p>
-12
View File
@@ -142,18 +142,6 @@ export default class Demo extends React.Component<MyProps, MyState> {
return (
<>
<div className="container mx-auto max-w-screen-xl pt-10 flex flex-col space-y-5">
<Head>
<link
href="https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap"
rel="stylesheet"
/>
</Head>
{/* header content */}
<section className="flex-1 flex flex-row items-center justify-between py-5">
{/* welcome message */}