chore(blog): improved generated open graph image

Author: moatorres

apps/blog/src/app/(public)/blog/[collection]/[slug]/page.tsx

@@ -45,9 +45,7 @@ export async function generateStaticParams() {
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
   const { slug } = await params
   const article = getArticleBySlug(slug)
-  const ogImageUrl = `/og?title=${encodeURIComponent(
-    article.title
-  )}&description=${encodeURIComponent(article.description)}`
+  const ogImageUrl = `${config.baseUrl}/og?title=${encodeURIComponent(article.title)}&description=${encodeURIComponent(article.description)}`
 
   return {
     title: article.title,

apps/blog/src/app/(public)/snippets/[slug]/page.tsx

@@ -24,7 +24,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
   const { slug } = await params
   const snippet = getSnippetBySlug(slug)
 
-  const title = `${snippet.title} | Snippet by ${config.author}`
+  const title = `${snippet.title} | Snippets`
   const description = snippet.description
   const url = `${config.baseUrl}/snippets/${snippet.slug}`
 

apps/blog/src/app/og/route.tsx

@@ -47,7 +47,7 @@ export async function GET(request: Request) {
   const { searchParams } = new URL(request.url)
   const title = searchParams.get('title')
   const description = searchParams.get('description')
-  const frame = searchParams.get('frame') === '0' ? false : true
+  const frame = searchParams.get('frame') === '1' ? true : false
 
   const [fonts] = await Promise.all([loadAssets()])
 
@@ -101,7 +101,7 @@ export async function GET(request: Request) {
             {title}
           </div>
           <div
-            tw="text-[40px] leading-[1.5] flex-grow-1 text-zinc-500"
+            tw="text-[40px] leading-[1.5] flex-grow-1 text-zinc-300"
             style={{
               textWrap: 'balance',
               fontWeight: 400,