feat: add og tags to studio-next (#1106)

Co-authored-by: Khuda Dad Nomani <[email protected]>
asyncapi · Jun 10, 2024 · f5676ec · f5676ec
1 parent 881c76c
commit f5676ec
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 15 deletions.
diff --git a/.changeset/odd-rules-accept.md b/.changeset/odd-rules-accept.md
diff --git a/.github/workflows/issues-prs-notifications.yml b/.github/workflows/issues-prs-notifications.yml
@@ -20,8 +20,6 @@ jobs:
     name: Notify slack on every new issue
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
       - name: Convert markdown to slack markdown for issue
         uses: asyncapi/.github/.github/actions/slackify-markdown@master
         id: issuemarkdown
@@ -40,8 +38,6 @@ jobs:
     name: Notify slack on every new pull request
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
       - name: Convert markdown to slack markdown for pull request
         uses: asyncapi/.github/.github/actions/slackify-markdown@master
         id: prmarkdown
@@ -60,8 +56,6 @@ jobs:
     name: Notify slack on every new pull request
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
       - name: Convert markdown to slack markdown for pull request
         uses: asyncapi/.github/.github/actions/slackify-markdown@master
         id: discussionmarkdown

diff --git a/apps/studio-next/src/app/page.tsx b/apps/studio-next/src/app/page.tsx
@@ -1,5 +1,28 @@
 import dynamic from 'next/dynamic';
 const StudioWrapper = dynamic(() => import('@/components/StudioWrapper'), {ssr: false})
+import { Metadata } from 'next';
+import ogImage from '@/img/meta-studio-og-image.jpeg';
+
+export const metadata: Metadata = {
+  metadataBase: new URL('https://studio-next.netlify.app'),
+  openGraph: {
+    type: 'website',
+    title: 'AsyncAPI Studio',
+    description: 'Studio for AsyncAPI specification, where you can validate, view preview documentation, and generate templates from AsyncAPI document.',
+    url: 'https://studio-next.netlify.app',
+    images: [
+      {
+        url: ogImage.src,
+        width: 800,
+        height: 600,
+        alt: 'AsyncAPI default image',
+      },
+    ]
+  },
+  twitter: {
+    site: '@AsyncAPISpec',
+  }
+}
 export default async function Home() {
   return (
     <StudioWrapper />

diff --git a/apps/studio-next/tsconfig.json b/apps/studio-next/tsconfig.json
@@ -20,7 +20,7 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./src/*", "./public/*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],