Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

added NextSEO #58

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

added NextSEO #58

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
39 changes: 25 additions & 14 deletions pages/blog.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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'
Expand All @@ -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('')
Expand All @@ -25,18 +30,24 @@ export default function Workshops({ posts }) {
)

return (
<div>
<Head>
<title>Blog</title>
<meta name="description" content="Like reading? Feel free to explore all of our awesome tech blogs!" />
<meta property="og:title" content="Blog - Bit Project" />
<meta property="og:image" content="https://www.bitproject.org/_next/image?url=%livecode.png&w=2048&q=75" />
<meta property="og:description" content="Like reading? Feel free to explore all of our awesome tech blogs!" />
<meta property="og:url" content="https://www.bitproject.org/blog" />
<meta property="og:site_name" content="bitproject.org" />
<meta property="og:type" content="website" />
<link rel="icon" href="/favicon.ico" />
</Head>
<>
<NextSeo
title={title}
description={description}
canonical={url}
openGraph={{
url,
title,
description,
images: [
{
url: 'https://www.bitproject.org/_next/image?url=%livecode.png&w=2048&q=75',
alt: 'Bit Project Live Coding',
type: 'image/png',
},
],
}}
/>
<Navbar />
<Landing
heading="Blogs"
Expand All @@ -61,7 +72,7 @@ export default function Workshops({ posts }) {

<Footer />

</div>
</>
)
}

Expand Down
52 changes: 25 additions & 27 deletions pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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 (
<div>
<Head>
<title>Bit Project</title>
<meta name="description" content="We provide cutting-edge, open source learning experiences to prepare students for careers in tech." />
<meta property="og:title" content="Bit Project" />
<meta property="og:image" content="https://www.bitproject.org/_next/image?url=%livecode.png&w=2048&q=75" />
<meta property="og:description" content="We provide cutting-edge, open source learning experiences to prepare students for careers in tech." />
<meta property="og:url" content="https://www.bitproject.org/" />
<meta property="og:site_name" content="bitproject.org" />
<meta property="og:type" content="website" />
<link rel="icon" href="/favicon.ico" />
</Head>
<>
<NextSeo
title={title}
description={description}
canonical={url}
openGraph={{
url,
title,
description,
images: [
{
url: 'https://www.bitproject.org/_next/image?url=%livecode.png&w=2048&q=75',
alt: 'Bit Project Live Coding',
type: 'image/png',
},
],
}}
/>
<Navbar />
<Landing
heading="We equip students with technical superpowers"
Expand Down Expand Up @@ -80,6 +78,6 @@ export default function HomePage() {

<Footer />

</div>
</>
)
}
44 changes: 28 additions & 16 deletions pages/mentor.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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",
Expand All @@ -16,18 +21,25 @@ export default function Mentor() {
"Get a sense of satisfaction and fulfillment by directly helping aspiring engineers"
]
return (
<div>
<Head>
<title>Mentor</title>
<meta name="description" content="We pair awesome engineers with students to give back to their communities." />
<meta property="og:title" content="Mentor - Bit Project" />
<meta property="og:image" content="https://www.bitproject.org/_next/image?url=%livecode.png&w=2048&q=75" />
<meta property="og:description" content="We pair awesome engineers with students to give back to their communities." />
<meta property="og:url" content="https://www.bitproject.org/mentor" />
<meta property="og:site_name" content="bitproject.org" />
<meta property="og:type" content="website" />
<link rel="icon" href="/favicon.ico" />
</Head>
<>
<NextSeo
title={title}
description={description}
canonical={url}
openGraph={{
url,
title,
description,
images: [
{
url: 'https://www.bitproject.org/_next/image?url=%livecode.png&w=2048&q=75',
alt: 'Bit Project Live Coding',
type: 'image/png',
},
],
}}
/>

<Navbar />

<GraphicTabBottom
Expand Down Expand Up @@ -205,6 +217,6 @@ export default function Mentor() {
</Box>

<Footer />
</div >
</>
)
}
40 changes: 26 additions & 14 deletions pages/serverless/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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'
Expand All @@ -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 }) {

Expand All @@ -31,18 +37,24 @@ export default function Serverless({ posts }) {


return (
<div>
<Head>
<title>Serverless Camp Summer 2022</title>
<meta name="description" content="Coding Bootcamp organized by the 501(c)(3) non-profit Bit Project." />
<meta property="og:title" content="Serverless Camp Summer 2022" />
<meta property="og:image" content="https://i.imgur.com/Rk9Fiof.png" />
<meta property="og:description" content="Coding Bootcamp organized by the 501(c)(3) non-profit Bit Project." />
<meta property="og:url" content="https://www.bitproject.org/serverless" />
<meta property="og:site_name" content="bitproject.org" />
<meta property="og:type" content="website" />
<link rel="icon" href="/favicon.ico" />
</Head>
<>
<NextSeo
title={title}
description={description}
canonical={url}
openGraph={{
url,
title,
description,
images: [
{
url: 'https://i.imgur.com/Rk9Fiof.png',
alt: "This year's theme is 'Serverless'",
type: 'image/png',
},
],
}}
/>
<Navbar />
<GraphicTabBottom
heading="Serverless Camp 2022"
Expand Down Expand Up @@ -146,7 +158,7 @@ export default function Serverless({ posts }) {
<Footer />


</div>
</>
)
}

Expand Down
40 changes: 26 additions & 14 deletions pages/workshops.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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'
Expand All @@ -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('')
Expand All @@ -25,18 +31,24 @@ export default function Workshops({ posts }) {
)

return (
<div>
<Head>
<title>Workshops</title>
<meta name="description" content="We make fun, interactive workshops to give students hands-on experience with cutting edge tools." />
<meta property="og:title" content="Workshops - Bit Project" />
<meta property="og:image" content="https://www.bitproject.org/_next/image?url=%livecode.png&w=2048&q=75" />
<meta property="og:description" content="We make fun, interactive workshops to give students hands-on experience with cutting edge tools." />
<meta property="og:url" content="https://www.bitproject.org/workshops" />
<meta property="og:site_name" content="bitproject.org" />
<meta property="og:type" content="website" />
<link rel="icon" href="/favicon.ico" />
</Head>
<>
<NextSeo
title={title}
description={description}
canonical={url}
openGraph={{
url,
title,
description,
images: [
{
url: 'https://www.bitproject.org/_next/image?url=%livecode.png&w=2048&q=75',
alt: 'Bit Project Live Coding',
type: 'image/png',
},
],
}}
/>
<Navbar />
<Landing
heading="Technical Workshops"
Expand All @@ -63,7 +75,7 @@ export default function Workshops({ posts }) {

<Footer />

</div>
</>
)
}

Expand Down