Merge pull request keploy#59 from keploy/build-pipeline

feat: build pipeline

.github/workflows/build.yml

@@ -0,0 +1,30 @@
+name: Build and Deploy Blog Website
+
+on:
+  push:
+    branches:
+      - main  # Triggers on push to 'main'
+  pull_request:
+    branches:
+      - main  # Triggers on PRs to 'main'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Install Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build Next.js application
+        env: 
+          WORDPRESS_API_URL: "https://wp.keploy.io/graphql"
+        run: npm run build

next.config.js

@@ -30,4 +30,4 @@ module.exports = {
       },  
     ],
   },
-}
+}

pages/technology/[slug].tsx

@@ -42,6 +42,7 @@ const postBody = ({ content, post }) => {
 
 export default function Post({ post, posts, reviewAuthorDetails, preview }) {
   const router = useRouter();
+  const { slug } = router.query;
   const morePosts = posts?.edges;
   const time = 10 + calculateReadingTime(post?.content || "");
   const [avatarImgSrc, setAvatarImgSrc] = useState("");
@@ -102,7 +103,6 @@ export default function Post({ post, posts, reviewAuthorDetails, preview }) {
       const avatarDivMatch = content.match(
         /<div[^>]*class="pp-author-boxes-avatar"[^>]*>\s*<img[^>]*src='([^']*)'[^>]*\/?>/
       );
-      console.log(avatarDivMatch[1]);
       if (avatarDivMatch && avatarDivMatch[1]) {
         setAvatarImgSrc(avatarDivMatch[1]);
       } else {
@@ -171,6 +171,7 @@ export default function Post({ post, posts, reviewAuthorDetails, preview }) {
               post?.content && postBody({ content: post?.content, post })
             }
             authorName={post?.ppmaAuthorName || ""}
+            slug={slug}
             ReviewAuthorDetails={
               reviewAuthorDetails &&
               reviewAuthorDetails?.length > 0 &&