blog home page

Author: harjotgill

blog/ai-code-reviews-reclaims-2023-10-05/preview.png

@@ -53,6 +53,23 @@ const config: Config = {
     //    blogPostComponent: "@theme/BlogPostPage",
     //  },
     //],
+    [
+      "./plugins/blog-plugin",
+      {
+        id: "blog",
+        routeBasePath: "blog",
+        path: "./blog",
+        blogTitle: "CodeRabbit Blog",
+        blogDescription: "Blog",
+        tagsBasePath: "/tags",
+        editLocalizedFiles: false,
+        showReadingTime: true,
+        blogSidebarCount: "ALL",
+        blogSidebarTitle: "All our posts",
+        blogListComponent: "@theme/BlogListPage",
+        blogPostComponent: "@theme/BlogPostPage",
+      },
+    ],
     [
       "@docusaurus/plugin-client-redirects",
       {

blog/ai-transforming-traditional-code-review-practices-2024-03-29/preview.png

@@ -0,0 +1,13 @@
+.blogCard {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+  grid-gap: 1rem;
+}
+
+.card {
+  /* border: 2px solid #e7e7e7; */
+
+  /* border-radius: 4px; */
+
+  padding: 0.5rem;
+}

blog/boosting-engineering-efficiency-2023-11-13/preview.jpeg

@@ -0,0 +1,52 @@
+import React from "react";
+import styles from "./Home.module.css";
+import Layout from "@theme/Layout";
+import { Content } from "@theme/BlogPostPage";
+import clsx from "clsx";
+
+interface HomeProps {
+  readonly blogPosts: readonly { readonly Preview: Content; metadata: any }[];
+}
+
+function Home({ blogPosts }: HomeProps): JSX.Element {
+  return (
+    <Layout>
+      <div className="container margin-top--lg margin-bottom--lg">
+        <div className="row">
+          <div className="col col--3 col--offset-1 ">
+            <h1>Featured Posts</h1>
+          </div>
+        </div>
+        <div className="row">
+          {blogPosts.map(({ metadata }, index) => (
+            <HomeCard
+              key={`${metadata.date}-${index}-home`}
+              index={index}
+              metadata={metadata}
+              context={"home"}
+            />
+          ))}
+        </div>
+      </div>
+    </Layout>
+  );
+}
+
+export default Home;
+
+export function HomeCard({ index, metadata, context }): JSX.Element {
+  return (
+    <div className={`${clsx("col col--3 col--offset-1")} ${styles.card}`}>
+      <div className="text--center">
+        <img src={metadata.image} alt={metadata.title} width="100" />
+      </div>
+      <div className="text--center padding-horiz--md">
+        <h3>{metadata.title}</h3>
+        <p>{metadata.description}</p>
+        <a href={metadata.link} target="_blank" rel="noopener noreferrer">
+          Read more
+        </a>
+      </div>
+    </div>
+  );
+}