Skip to content

Commit e1a6c7b

Browse files
anuraglolanuraglol
authored
fix: fix a few things, add nextseo (#38)
1 parent 84bf954 commit e1a6c7b

File tree

10 files changed

+1202
-563
lines changed

10 files changed

+1202
-563
lines changed

‎web/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
},
88
"dependencies": {
99
"next": "latest",
10+
"next-seo": "^5.1.0",
1011
"react": "^17.0.2",
1112
"react-dom": "^17.0.2"
1213
},

‎web/pages/_app.tsx‎

Lines changed: 28 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,20 +2,38 @@ import '../styles/globals.css'
22
import type { AppProps } from 'next/app'
33
import Head from 'next/head'
44

5+
import { NextSeo } from 'next-seo'
6+
57
function MyApp({ Component, pageProps }: AppProps) {
68
return (
79
<>
10+
<NextSeo
11+
title="React & Next.js snippets"
12+
titleTemplate="React & Next.js snippets"
13+
defaultTitle="React & Next.js snippets"
14+
description="This is a Visual Studio Code extension that gives you many React and Next.js snippets with typescript support so you don't have to rewrite the same code over and over again 😉"
15+
openGraph={{
16+
url: 'https://react-nextjs-snippets.netlify.app/',
17+
title: 'React & Next.js snippets',
18+
description:
19+
"This is a Visual Studio Code extension that gives you many React and Next.js snippets with typescript support so you don't have to rewrite the same code over and over again 😉",
20+
images: [
21+
{
22+
url: '/assests/og.png',
23+
width: 800,
24+
height: 420,
25+
alt: 'React & Next.js snippets',
26+
},
27+
],
28+
}}
29+
twitter={{
30+
handle: '@avneesh0612',
31+
site: '@avneesh0612',
32+
cardType: 'summary_large_image',
33+
}}
34+
/>
835
<Head>
9-
<link rel="preconnect" href="https://fonts.googleapis.com" />
10-
<link
11-
rel="preconnect"
12-
href="https://fonts.gstatic.com"
13-
crossOrigin="true"
14-
/>
15-
<link
16-
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap"
17-
rel="stylesheet"
18-
/>
36+
<link rel="icon" type="image/png" href="/assests/logo.png" />
1937
</Head>
2038
<Component {...pageProps} />
2139
</>

‎web/pages/index.tsx‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@ import Hero from '../components/Hero'
44
import Installation from '../components/Installation'
55
import Working from '../components/Working'
66

7-
export default function Home() {
7+
import type { NextPage } from 'next'
8+
9+
const Home: NextPage = () => {
810
return (
911
<div className="w-screen overflow-x-hidden">
1012
<div className="mx-auto max-w-6xl">
@@ -19,4 +21,6 @@ export default function Home() {
1921
</div>
2022
</div>
2123
)
22-
}
24+
}
25+
26+
export default Home

‎web/public/assests/logo.png‎

29.7 KB
Loading

‎web/public/assests/logo.svg‎

Lines changed: 33 additions & 0 deletions
Loading

‎web/public/assests/og.png‎

281 KB
Loading

‎web/public/favicon.ico‎

-14.7 KB
Binary file not shown.

‎web/public/vercel.svg‎

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎web/styles/globals.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap');
2+
13
@tailwind base;
24
@tailwind components;
35
@tailwind utilities;
@@ -7,6 +9,7 @@
79
}
810

911
body {
12+
overflow-x: hidden;
1013
background-color: #121212;
1114
color: #fff;
1215
}

0 commit comments

Comments
 (0)