Skip to content

Commit

Permalink
Fix additional meta references
Browse files Browse the repository at this point in the history
  • Loading branch information
@zackproser
zackproser committed Feb 12, 2024
1 parent fb474e2 commit 20db363
Show file tree
Hide file tree
Showing 9 changed files with 27 additions and 31 deletions.
2 changes: 0 additions & 2 deletions src/app/api/og/route.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,5 +93,3 @@ export async function GET(request: NextRequest) {
</div>
)
}


2 changes: 1 addition & 1 deletion src/app/blog/a16z-sf-dec-2023-ai-apps-production/page.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ export const metadata = createMetadata({
});


export default (props) => <ArticleLayout meta={metadata} {...props} />
export default (props) => <ArticleLayout metadata={metadata} {...props} />

---

Expand Down
2 changes: 1 addition & 1 deletion src/app/blog/codeium-vs-chatgpt/page.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ export default (props) => <ArticleLayout metadata={metadata} {...props} />

---

<Image src={meta.image} alt="Announcing the Pinecone AWS Reference Architecture"/>
<Image src={metadata.image} alt="Announcing the Pinecone AWS Reference Architecture"/>

Codeium began its life as an AI developer tool that offered code-completion for software developers, and
ChatGPT was originally a general purpose AI language model that could assist with a variety of tasks.
Expand Down
6 changes: 3 additions & 3 deletions src/app/blog/javascript-ai/page.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,14 +14,14 @@ export const metadata = createMetadata({
image: JSAI
})

export default (props) => <ArticleLayout meta={metadata} {...props} />
export default (props) => <ArticleLayout metadata={metadata} {...props} />

---

<Image src={meta.image} alt="JavaScript for AI"/>
<Image src={metadata.image} alt="JavaScript for AI"/>

This was the second article I published while working at Pinecone:

<Button href={meta.href}>Read article</Button>
<Button href={metadata.href}>Read article</Button>


2 changes: 1 addition & 1 deletion src/app/blog/my-horrible-career/page.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export default (props) => <ArticleLayout metadata={metadata} {...props} />
---

<Link href={"https://bitfieldconsulting.com/golang/my-horrible-career"}>
<Image src={meta.image} alt="I interviewed John Arundel about his horrible career"/>
<Image src={metadata.image} alt="I interviewed John Arundel about his horrible career"/>
</Link>

I've [written before](/blog/why-ive-been-successful) about how one of the best things I ever did for my career was to hire
Expand Down
34 changes: 16 additions & 18 deletions src/app/blog/opengraph-integration/page.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -256,7 +256,7 @@ function ArrowLeftIcon(props) {

export function ArticleLayout({
children,
meta,
metadata,
isRssFeed = false,
previousPathname,
}) {
Expand All @@ -266,44 +266,44 @@ export function ArticleLayout({
return children
}

const sanitizedTitle = encodeURIComponent(meta.title.replace(/'/g, ''));
const sanitizedTitle = encodeURIComponent(metadata.title.replace(/'/g, ''));

// opengraph URL that gets rendered into the HTML, but is really a URL to call our backend opengraph dynamic image generating API endpoint
let ogURL = `${process.env.NEXT_PUBLIC_SITE_URL}/api/og?title=${sanitizedTitle}`

// If the post includes an image, append it as a query param to the final opengraph endpoint
if (meta.image && meta.image.src) {
ogURL = ogURL + `&image=${meta.image.src}`
if (metadata.image && metadata.image.src) {
ogURL = ogURL + `&image=${metadata.image.src}`
}

console.log(`ArticleLayout ogURL: ${ogURL}`);

let root = '/blog/'
if (meta?.type == 'video') {
if (metadata?.type == 'video') {
root = '/videos/'
}

const builtURL = `${process.env.NEXT_PUBLIC_SITE_URL}${root}${meta.slug ?? null}`
const builtURL = `${process.env.NEXT_PUBLIC_SITE_URL}${root}${metadata.slug ?? null}`
const postURL = new URL(builtURL)
return (
<>
<Head>
<title>{`${meta.title} - Zachary Proser`}</title>
<meta name="description" content={meta.description} />
<title>{`${metadata.title} - Zachary Proser`}</title>
<meta name="description" content={metadata.description} />
<meta name="og:image" content={ogURL} />
<title>{meta.title}</title>
<meta property="og:title" content={meta.title} />
<meta name="description" content={meta.description} />
<title>{metadata.title}</title>
<meta property="og:title" content={metadata.title} />
<meta name="description" content={metadata.description} />
<meta name="og:image" content={ogURL} />
<meta name="og:url" content={postURL} />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="zackproser.com" />
<meta property="twitter:url" content={postURL} />
<meta name="twitter:title" content={meta.title} />
<meta name="twitter:description" content={meta.description} />
<meta name="twitter:title" content={metadata.title} />
<meta name="twitter:description" content={metadata.description} />
<meta name="twitter:image" content={ogURL} />
</Head>
Expand All @@ -323,14 +323,14 @@ export function ArticleLayout({
<article>
<header className="flex flex-col">
<h1 className="mt-6 text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl">
{meta.title}
{metadata.title}
</h1>
<time
dateTime={meta.date}
dateTime={metadata.date}
className="order-first flex items-center text-base text-zinc-400 dark:text-zinc-500"
>
<span className="h-4 w-0.5 rounded-full bg-zinc-200 dark:bg-zinc-500" />
<span className="ml-3">{formatDate(meta.date)}</span>
<span className="ml-3">{formatDate(metadata.date)}</span>
</time>
</header>
<Prose className="mt-8">{children}</Prose>
Expand All @@ -348,5 +348,3 @@ export function ArticleLayout({
## Thanks for reading
If you enjoyed this post or found it helpful in anyway, do me a favor and share the URL somewhere on social media so that you can see my opengraph image in action 🙌😁.
4 changes: 2 additions & 2 deletions src/app/blog/pinecone-reference-architecture-technical-walkthrough/page.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,12 +18,12 @@ export default (props) => <ArticleLayout metadata={metadata} {...props} />

---

<Image src={meta.image} alt="Announcing the Pinecone AWS Reference Architecture"/>
<Image src={metadata.image} alt="Announcing the Pinecone AWS Reference Architecture"/>

I built Pinecone's first AWS Reference Architecture using Pulumi.

This is the seventh article I wrote while working at Pinecone:

<Button href={meta.href}>Read article</Button>
<Button href={metadata.href}>Read article</Button>


4 changes: 2 additions & 2 deletions src/app/blog/retrieval-augmented-generation/page.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,10 +19,10 @@ export default (props) => <ArticleLayout metadata={metadata} {...props} />
---


<Image src={meta.image} alt="Retrieval Augmented Generation"/>
<Image src={metadata.image} alt="Retrieval Augmented Generation"/>

This was the first article I published while working at Pinecone:

<Button href={meta.href}>Read article</Button>
<Button href={metadata.href}>Read article</Button>


2 changes: 1 addition & 1 deletion src/app/blog/testing-code-on-windows/page.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,6 @@ export const metadata = createMetadata({
export default (props) => <ArticleLayout metadata={metadata} {...props} />

---
<Button href={meta.href}>Read article</Button>
<Button href={metadata.href}>Read article</Button>


0 comments on commit 20db363

Please sign in to comment.