ship. Ship. SHIP SHIP SHIP SHIP

zackproser · Feb 12, 2024 · 8d5b607 · 8d5b607
1 parent 261fc78
commit 8d5b607
Show file tree

Hide file tree

Showing 23 changed files with 116 additions and 398 deletions.
diff --git a/src/app/blog/codium-ai-pinecone-pr-agent/page.mdx b/src/app/blog/codium-ai-pinecone-pr-agent/page.mdx
@@ -3,39 +3,25 @@ import { Button } from '@/components/Button'
 import Image from 'next/image'
 import OctocatSearch from '@/images/octocat-similar-issues-search.webp'
 
-import { generateOgUrl } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
-export const meta = {
+export const metadata = createMetadata({
     author: "Zachary Proser", 
     date: "2023-09-20",
     title: "Making it easier to maintain open-source projects with CodiumAI and Pinecone", 
     description: "CodiumAI's PR-agent integration leverages Pinecone under the hood to perform semantic search for similar GitHub issues",
     href: "https://pinecone.io/blog/codiumai-pinecone-similar-issues",
     image: OctocatSearch
-}
-
-export const metadata = {
-  openGraph: {
-    title: meta.title,
-    description: meta.description,
-    url: "${process.env.NEXT_PUBLIC_SITE_URL}", 
-    siteName: "Zack Proser portfolio",
-    images: [
-      {
-        url: `${generateOgUrl(meta)}`,
-      }
-    ]
-  }
-}
-
-export default (props) => <ArticleLayout meta={meta} {...props} />
+})
+
+export default (props) => <ArticleLayout metadata={metadata} {...props} />
 
 --- 
 
-<Image src={meta.image} alt="CodiumAI PR-agent similar image search"/>
+<Image src={metadata.image} alt="CodiumAI PR-agent similar image search"/>
 
 This was the fifth article I published while working at Pinecone: 
 
-<Button href={meta.href}>Read article</Button>
+<Button href={metadata.href}>Read article</Button>
 
 
diff --git a/src/app/blog/comic-strip-long-day/page.mdx b/src/app/blog/comic-strip-long-day/page.mdx
@@ -5,7 +5,7 @@ import RenderNumYearsExperience from '@/components/NumYearsExperience'
 import Image from 'next/image'
 import Link from 'next/link'
 
-import { generateOgUrl } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
 import comicStrip1 from '@/images/comic-strip-1.webp'
 import comicStrip2 from '@/images/comic-strip-2.webp'
@@ -15,29 +15,15 @@ import comicStrip5 from '@/images/comic-strip-5.webp'
 import comicStrip6 from '@/images/comic-strip-6.webp'
 import comicStrip7 from '@/images/comic-strip-7.webp'
 
-export const meta = {
+export const metadata = createMetadata({
   author: "Zachary Proser",
   date: "2023-11-30",
   title: "Comic strip: long day at the office",
   description: "A wordless comic strip about a typically brutal day at work, that nevertheless has a positive ending",
   image: comicStrip4,
-}
-
-export const metadata = {
-  openGraph: {
-    title: meta.title,
-    description: meta.description,
-    url: "${process.env.NEXT_PUBLIC_SITE_URL}", 
-    siteName: "Zack Proser portfolio",
-    images: [
-      {
-        url: `${generateOgUrl(meta)}`,
-      }
-    ]
-  }
-}
-
-export default (props) => <ArticleLayout meta={meta} {...props} />
+})
+
+export default (props) => <ArticleLayout metadata={metadata} {...props} />
 
 <Image src={comicStrip1} alt="A tough morning at the office" />
 

diff --git a/src/app/blog/evolving-web-scraping-pageripper-api/page.mdx b/src/app/blog/evolving-web-scraping-pageripper-api/page.mdx
@@ -7,31 +7,17 @@ import serverSideScraping from '@/images/serverside-scraping.webp'
 import clientSideScraping from '@/images/clientside-scraping.webp'
 import pageripperPuppeteer from '@/images/pageripper-puppeteer.webp'
 
-import { generateOgUrl } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
-export const meta = {
+export const metadata = createMetadata({
     author: "Zachary Proser", 
     date: "2023-12-31",
     title: "Evolving web scraping: How Pageripper API handles JavaScript-heavy sites", 
     description: "Pageripper API uses Puppeteer and headless Chrome under the hood to see the same thing your browser does, even for Single Page Applications (SPAs)",
     image: pageripperBot
-}
-
-export const metadata = {
-  openGraph: {
-    title: meta.title,
-    description: meta.description,
-    url: "${process.env.NEXT_PUBLIC_SITE_URL}", 
-    siteName: "Zack Proser portfolio",
-    images: [
-      {
-        url: `${generateOgUrl(meta)}`,
-      }
-    ]
-  }
-}
-
-export default (props) => <ArticleLayout meta={meta} {...props} />
+})
+
+export default (props) => <ArticleLayout metadata={metadata} {...props} />
 
 --- 
 

diff --git a/src/app/blog/first-see-if-youve-got-the-bug/page.mdx b/src/app/blog/first-see-if-youve-got-the-bug/page.mdx
@@ -20,33 +20,19 @@ import descentCoverArt from '@/images/descent.webp'
 import Image from 'next/image'
 import Link from 'next/link'
 
-import { generateOgUrl } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
 import ConsultingCTA from '@/components/ConsultingCTA'
 
-export const meta = {
+export const metadata = createMetadata({
   author: "Zachary Proser",
   date: "2023-07-17",
   title: "First, find out if you've got the programming bug",
   description: "I get this question a lot: how do I get into coding? This is my best advice.",
   image: sparkOfLearning,
-}
-
-export const metadata = {
-  openGraph: {
-    title: meta.title,
-    description: meta.description,
-    url: "${process.env.NEXT_PUBLIC_SITE_URL}", 
-    siteName: "Zack Proser portfolio",
-    images: [
-      {
-        url: `${generateOgUrl(meta)}`,
-      }
-    ]
-  }
-}
-
-export default (props) => <ArticleLayout meta={meta} {...props} />
+})
+
+export default (props) => <ArticleLayout metadata={metadata} {...props} />
 
 <Image src={foundTheSpark} />
 

diff --git a/src/app/blog/for-zachary/page.mdx b/src/app/blog/for-zachary/page.mdx
@@ -8,33 +8,17 @@ import flashback from '@/images/flashback.webp'
 import rewiringMyBrain from '@/images/rewiring-my-brain.webp'
 import theLightWasYou from '@/images/the-light-was-you.webp'
 
-import { generateOgUrl } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
-export const meta = {
+export const metadata = createMetadata({
   author: 'Zachary Proser',
   date: '2023-10-15',
   title: 'For Zachary', 
   description: 'There are only two people I am aware of named Zachary Proser, with that exact spelling. This article is only for Zachary Proser.',
   image: zacharyLight
-}
-
-export const metadata = {
-  openGraph: {
-    title: meta.title,
-    description: meta.description,
-    url: "${process.env.NEXT_PUBLIC_SITE_URL}", 
-    siteName: "Zack Proser portfolio",
-    images: [
-      {
-        url: `${generateOgUrl(meta)}`,
-      }
-    ]
-  }
-}
-
-
-export default (props) => <ArticleLayout meta={meta} {...props} />
+})
 
+export default (props) => <ArticleLayout metadata={metadata} {...props} />
 
 There are only two people I am aware of named Zachary Proser, with that exact spelling. This article is only for Zachary Proser, but it is published live on the internet for other reasons. 
 

diff --git a/src/app/blog/ggshield-can-save-you-from-yourself/page.mdx b/src/app/blog/ggshield-can-save-you-from-yourself/page.mdx
@@ -10,31 +10,18 @@ import gitGuardian from '@/images/gitguardian-logo.webp'
 import ggShieldFindingASecret from '@/images/ggshield-pre-commit-scan.webp'
 import ggShieldPreventingEscape from '@/images/ggshield-preventing-a-secret-from-escaping.webp'
 
-import { generateOgUrl } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
-export const meta = {
+export const metadata = createMetadata({
   author: "Zachary Proser",
   date: "2023-07-18",
   title: "ggshield can save you from yourself. Never accidentally commit secrets again",
   description: "Stop yourself from committing a secret to git with ggshield",
   image: leakingASecret,
-}
-
-export const metadata = {
-  openGraph: {
-    title: meta.title,
-    description: meta.description,
-    url: "${process.env.NEXT_PUBLIC_SITE_URL}", 
-    siteName: "Zack Proser portfolio",
-    images: [
-      {
-        url: `${generateOgUrl(meta)}`,
-      }
-    ]
-  }
-}
-
-export default (props) => <ArticleLayout meta={meta} {...props} />
+})
+
+
+export default (props) => <ArticleLayout metadata={metadata} {...props} />
 
 <Image src={leakingASecret} alt="ggshield can save you from yourself. Never accidentally commit secrets again" />
 <figcaption>A developer watching the API key they accidentally committed to GitHub migrating throughout the internet - thinking of the Slack messages they're about to have to send...</figcaption>

diff --git a/src/app/blog/git-xargs-software/page.mdx b/src/app/blog/git-xargs-software/page.mdx
@@ -4,31 +4,17 @@ import gitXargsDemo from '@/images/git-xargs-demo.gif'
 import gitXargsTable from '@/images/git-xargs-table.webp'
 import gitXargsBanner from '@/images/git-xargs-banner.webp'
 
-import { generateOgUrl } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
-export const meta = {
+export const metadata = createMetadata({
   author: "Zachary Proser",
   date: "2021-04-19",
   title: "Git-xargs allows you to run commands and scripts against many Github repos simultaneously",
   description: "Git-xargs allows you to run commands and scripts against many Github repos simultaneously",
   image: gitXargsBanner, 
-}
-
-export const metadata = {
-  openGraph: {
-    title: meta.title,
-    description: meta.description,
-    url: "${process.env.NEXT_PUBLIC_SITE_URL}", 
-    siteName: "Zack Proser portfolio",
-    images: [
-      {
-        url: `${generateOgUrl(meta)}`,
-      }
-    ]
-  }
-}
-
-export default (props) => <ArticleLayout meta={meta} {...props} />
+})
+
+export default (props) => <ArticleLayout metadata={metadata} {...props} />
 
 ----
 

diff --git a/src/app/blog/how-i-keep-my-shit-together/page.mdx b/src/app/blog/how-i-keep-my-shit-together/page.mdx
@@ -19,7 +19,7 @@ import iceBath from '@/images/ice-bath.webp'
 import familyWalk from '@/images/family-walk.webp'
 import sleepingHacker from '@/images/sleeping-hacker.webp'
 
-import { createMetadata } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
 export const metadata = createMetadata({
   author: "Zachary Proser",

diff --git a/src/app/blog/how-to-generate-images-with-ai/page.mdx b/src/app/blog/how-to-generate-images-with-ai/page.mdx
@@ -14,7 +14,7 @@ import civitAI from '@/images/civitai.webp'
 import whyCreateAIImages from '@/images/why-create-ai-images.webp'
 import haterade from '@/images/haterade.webp'
 
-import { createMetadata } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
 import ConsultingCTA from '@/components/ConsultingCTA'
 

diff --git a/src/app/blog/how-to-use-jupyter-notebooks/page.mdx b/src/app/blog/how-to-use-jupyter-notebooks/page.mdx
@@ -3,39 +3,25 @@ import { Button } from '@/components/Button'
 import Image from 'next/image'
 import jupyterNotebooks from '@/images/jupyter-notebooks.webp'
 
-import { generateOgUrl } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
-export const meta = {
+export const metadata = createMetadata({
     author: "Zachary Proser", 
     date: "2023-08-23",
     title: "How to use Jupyter Notebooks to do Machine Learning and AI tasks", 
     description: "Jupyter Notebooks are surprisingly easy to get started with - especially when using GitHub and Google Colab",
     href: "https://www.pinecone.io/learn/jupyter-notebooks",
     image: jupyterNotebooks 
-}
-
-export const metadata = {
-  openGraph: {
-    title: meta.title,
-    description: meta.description,
-    url: "${process.env.NEXT_PUBLIC_SITE_URL}", 
-    siteName: "Zack Proser portfolio",
-    images: [
-      {
-        url: `${generateOgUrl(meta)}`,
-      }
-    ]
-  }
-}
-
-export default (props) => <ArticleLayout meta={meta} {...props} />
+})
+
+export default (props) => <ArticleLayout metadata={metadata} {...props} />
 
 --- 
 
-<Image src={meta.image} alt="How to use Jupyter Notebooks for Machine Learning and AI"/>
+<Image src={metadata.image} alt="How to use Jupyter Notebooks for Machine Learning and AI"/>
 
 This was the third article I published while working at Pinecone: 
 
-<Button href={meta.href}>Read article</Button>
+<Button href={metadata.href}>Read article</Button>
 
 
diff --git a/src/app/blog/office-oracle-overview/page.mdx b/src/app/blog/office-oracle-overview/page.mdx
@@ -5,33 +5,19 @@ import OfficeOracle from '@/images/michael-scott-oracle.webp'
 import OfficeOracle2 from '@/images/michael-scott-oracle-2.webp'
 import OfficeOracle3 from '@/images/office-oracle-3.webp'
 
-import { generateOgUrl } from '@/utils/ogUrl'
+import { createMetadata } from '@/utils/createMetadata'
 
 import Image from 'next/image'
 
-export const meta = {
+export const metadata = createMetadata({
   author: "Zachary Proser",
   date: "2023-07-04",
   title: "Office Oracle - a complete AI Chatbot leveraging langchain, Pinecone.io and OpenAI",
   description: "I open sourced my next.js AI chatbot and the Jupyter notebooks I used to build it, plus created a video series walking through it all on YouTube",
   image: OfficeOracle2,
-}
-
-export const metadata = {
-  openGraph: {
-    title: meta.title,
-    description: meta.description,
-    url: "${process.env.NEXT_PUBLIC_SITE_URL}", 
-    siteName: "Zack Proser portfolio",
-    images: [
-      {
-        url: `${generateOgUrl(meta)}`,
-      }
-    ]
-  }
-}
-
-export default (props) => <ArticleLayout meta={meta} {...props} />
+})
+
+export default (props) => <ArticleLayout metadata={metadata} {...props} />
 
 <Image src={OfficeOracle} alt="Office Oracle AI chatbot project" />