From 2a9ce2bcedb3d207e9f0469b86e28e979744f319 Mon Sep 17 00:00:00 2001 From: Ganning Xu Date: Mon, 11 Apr 2022 15:01:24 -0400 Subject: [PATCH] added NextSEO --- package-lock.json | 6 ++--- package.json | 2 +- pages/blog.js | 39 ++++++++++++++++++----------- pages/index.js | 52 +++++++++++++++++++-------------------- pages/mentor.js | 44 +++++++++++++++++++++------------ pages/serverless/index.js | 40 +++++++++++++++++++----------- pages/workshops.js | 40 +++++++++++++++++++----------- 7 files changed, 134 insertions(+), 89 deletions(-) diff --git a/package-lock.json b/package-lock.json index ce3bcad..2685df9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9104,9 +9104,9 @@ } }, "next-seo": { - "version": "4.26.0", - "resolved": "https://registry.npmjs.org/next-seo/-/next-seo-4.26.0.tgz", - "integrity": "sha512-5TqywQ3XAwqdmEU1AyNZjR7WdDKFTkDD8aBtgQelPvzBUEy8i0mTjtiw+09jhiHFNik6FqS8uPKCaYcY6jRgSQ==" + "version": "4.29.0", + "resolved": "https://registry.npmjs.org/next-seo/-/next-seo-4.29.0.tgz", + "integrity": "sha512-xmwzcz4uHaYJ8glbuhs6FSBQ7z3irmdPYdJJ5saWm72Uy3o+mPKGaPCXQetTCE6/xxVnpoDV4yFtFlEjUcljSg==" }, "nice-try": { "version": "1.0.5", diff --git a/package.json b/package.json index a376de8..44f2769 100644 --- a/package.json +++ b/package.json @@ -36,7 +36,7 @@ "next-compose-plugins": "^2.2.1", "next-mdx-remote": "^2.1.4", "next-optimized-images": "^2.6.2", - "next-seo": "^4.26.0", + "next-seo": "^4.29.0", "npm": "^7.6.2", "prism-react-renderer": "^1.2.0", "prismjs": "^1.24.1", diff --git a/pages/blog.js b/pages/blog.js index e75550f..6428755 100644 --- a/pages/blog.js +++ b/pages/blog.js @@ -1,4 +1,4 @@ -import Head from 'next/head' +// import Head from 'next/head' import React, { useState } from 'react' import { Landing } from '../components/landing.jsx' import { Navbar } from '../components/navbar' @@ -11,6 +11,11 @@ import { Box, } from '@chakra-ui/react' import BlogLayout from '../layouts/blog' +import { NextSeo } from 'next-seo' + +const title = "Blog" +const description = "Like reading? Feel free to explore all of our awesome tech blogs!" +const url = "https://www.bitproject.org/blog" export default function Workshops({ posts }) { const [searchValue, setSearchValue] = useState('') @@ -25,18 +30,24 @@ export default function Workshops({ posts }) { ) return ( -
- - Blog - - - - - - - - - + <> + -
+ ) } diff --git a/pages/index.js b/pages/index.js index f361d2f..024aa80 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,39 +1,37 @@ -import Head from 'next/head' +// import Head from 'next/head' import { Landing } from '../components/landing.jsx' import { TriCol } from '../components/tricol' import { GraphicTab } from '../components/graphictab' import { Testimonials } from '../components/testimonials' import { Navbar } from '../components/navbar' import { Footer } from '../components/footer' -import { buildUrl } from 'cloudinary-build-url'; +import { NextSeo } from 'next-seo' -export default function HomePage() { - const url = buildUrl('/main.gif', { - cloud: { - cloudName: 'dozq22ont', - }, - transformations: { - effect: { - name: 'pixelate', - value: 40 - } - } - }); +const title = "Bit Project" +const description = "We provide cutting-edge, open source learning experiences to prepare students for careers in tech." +const url = "https://www.bitproject.org/" +export default function HomePage() { return ( -
- - Bit Project - - - - - - - - - + <> + -
+ ) } diff --git a/pages/mentor.js b/pages/mentor.js index e7d1eed..be9af8a 100644 --- a/pages/mentor.js +++ b/pages/mentor.js @@ -1,12 +1,17 @@ -import Head from 'next/head' +// import Head from 'next/head' import { GraphicTabBottom } from '../components/graphictab/bottom' import { Navbar } from '../components/navbar' import { Footer } from '../components/footer' -import { Textblock } from '@/components/textblock' -import { ServerlessCompare } from '@/components/ServerlessCompare' import { TextWithPic } from '@/components/dualcol/TextWithPic' import { List, ListItem, Container, Button, Box, Text, SimpleGrid, Heading, ListIcon } from '@chakra-ui/react' import { MdCheckCircle } from 'react-icons/md' +import { NextSeo } from 'next-seo' + +const title = "Mentor" +const description = "We pair awesome engineers with students to give back to their communities." +const url = "https://www.bitproject.org/mentor" + + export default function Mentor() { let items = [ "Expand your network and connect with like-minded individuals", @@ -16,18 +21,25 @@ export default function Mentor() { "Get a sense of satisfaction and fulfillment by directly helping aspiring engineers" ] return ( -
- - Mentor - - - - - - - - - + <> + +
-
+ ) } diff --git a/pages/serverless/index.js b/pages/serverless/index.js index 2d29fec..0730d92 100644 --- a/pages/serverless/index.js +++ b/pages/serverless/index.js @@ -1,4 +1,4 @@ -import Head from 'next/head' +// import Head from 'next/head' import React, { useState } from 'react' import { Textblock } from '../../components/textblock' import { DualCol } from '../../components/dualcol' @@ -15,6 +15,12 @@ import { Box, } from '@chakra-ui/react' import BlogLayout from '../../layouts/blog' +import { NextSeo } from 'next-seo' + +const title = "Serverless Camp Summer 2022" +const description = "Coding Bootcamp organized by the 501(c)(3) non-profit Bit Project." +const url = "https://www.bitproject.org/serverless" + export default function Serverless({ posts }) { @@ -31,18 +37,24 @@ export default function Serverless({ posts }) { return ( -
- - Serverless Camp Summer 2022 - - - - - - - - - + <> + -
+ ) } diff --git a/pages/workshops.js b/pages/workshops.js index 691020d..9ec9f36 100644 --- a/pages/workshops.js +++ b/pages/workshops.js @@ -1,4 +1,4 @@ -import Head from 'next/head' +// import Head from 'next/head' import React, { useState } from 'react' import { Landing } from '../components/landing.jsx' import { Navbar } from '../components/navbar' @@ -11,6 +11,12 @@ import { Box, } from '@chakra-ui/react' import BlogLayout from '../layouts/blog' +import { NextSeo } from 'next-seo' + +const title = "Workshops" +const description = "We make fun, interactive workshops to give students hands-on experience with cutting edge tools." +const url = "https://www.bitproject.org/workshops" + export default function Workshops({ posts }) { const [searchValue, setSearchValue] = useState('') @@ -25,18 +31,24 @@ export default function Workshops({ posts }) { ) return ( -
- - Workshops - - - - - - - - - + <> + -
+ ) }