Merge pull request #27 from Blazity/rss

Rss
Blazity · Sep 18, 2023 · eb9a0b2 · eb9a0b2
2 parents a108884 + ec7a849
commit eb9a0b2
Show file tree

Hide file tree

Showing 8 changed files with 2,550 additions and 3,670 deletions.
diff --git a/package.json b/package.json
@@ -54,6 +54,7 @@
     "@vercel/otel": "^0.3.0",
     "algoliasearch": "^4.19.1",
     "class-variance-authority": "^0.7.0",
+    "feed": "^4.2.2",
     "graphql": "^16.8.0",
     "graphql-request": "^6.1.0",
     "lodash": "^4.17.21",

diff --git a/src/app/[lang]/[slug]/page.tsx b/src/app/[lang]/[slug]/page.tsx
@@ -2,9 +2,11 @@ import { Metadata } from "next"
 import { notFound } from "next/navigation"
 import { RichText } from "components/RichText/RichText"
 import { HygraphClient } from "hygraphClient"
+import { Locale } from "i18n"
+import { useLocale } from "store"
 
 type CustomPageProps = {
-  params: { slug: string }
+  params: { slug: string; lang: Locale }
 }
 
 export async function generateMetadata({ params: { slug } }: CustomPageProps): Promise<Metadata | null> {
@@ -19,7 +21,15 @@ export async function generateMetadata({ params: { slug } }: CustomPageProps): P
   }
 }
 
-export default async function Web({ params: { slug } }: CustomPageProps) {
+export async function generateStaticParams() {
+  const { getPagesConfig } = HygraphClient()
+  const { pages } = await getPagesConfig({})
+
+  return pages
+}
+
+export default async function Web({ params: { slug, lang } }: CustomPageProps) {
+  useLocale.setState({ locale: lang })
   const { getPageContent } = HygraphClient()
   const { pages } = await getPageContent({ slug })
   const page = pages[0]

diff --git a/src/app/[lang]/layout.tsx b/src/app/[lang]/layout.tsx
@@ -1,18 +1,31 @@
+import Head from "next/head"
 import { DynamicLangSelect } from "components/LangSelect/DynamicLangSelect"
 import { DynamicSearchDialog } from "components/Search/DynamicSearchDialog"
-import type { Locale } from "i18n"
+import { i18n, type Locale } from "i18n"
 import "../../styles/tailwind.css"
 import { useLocale } from "store"
 import { GoogleAnalytics } from "./GoogleAnalytics"
 import Providers from "./Providers"
 
 export default function Layout({ children, params }: { children: React.ReactNode; params: { lang: string } }) {
   const lang = params.lang as Locale
+  const locales = i18n.locales
 
   useLocale.setState({ locale: lang })
 
   return (
     <html lang={lang}>
+      <Head>
+        {locales.map((local) => (
+          <link
+            key={local}
+            rel="alternate"
+            type="application/rss+xml"
+            title={`RSS Feed for ${local} Content`}
+            href={`/${local}.xml`}
+          />
+        ))}
+      </Head>
       <GoogleAnalytics />
       <Providers lang={lang}>
         <body>

diff --git a/src/app/api/algolia-webhook/publish/route.ts b/src/app/api/algolia-webhook/publish/route.ts
@@ -1,3 +1,4 @@
+import generateRssFeed from "@utils/generateRSSFeed"
 import { revalidatePath } from "next/cache"
 import { NextRequest, NextResponse } from "next/server"
 import { z } from "zod"
@@ -22,6 +23,8 @@ async function handleAlgoliaPublishWebhook(req: NextRequestWithValidBody<z.infer
         content: slateToText(content),
         slug,
       })
+      await generateRssFeed(locale)
+
 
       return { title, locale }
     })

diff --git a/src/hygraphClient.ts b/src/hygraphClient.ts
@@ -19,6 +19,33 @@ const getArticles = graphql(`
   }
 `)
 
+const getRecentArticlesWithMetadata = graphql(`
+  query getArticlesWithMeta($locales: [Locale!]!) {
+    articles(locales: $locales, first: 50, orderBy: updatedAt_ASC) {
+      author {
+        name
+      }
+      createdAt
+      locale
+      slug
+      title
+      updatedAt
+      coverImage {
+        url
+      }
+    }
+  }
+`)
+
+const getPagesConfig = graphql(`
+  query getPagesSlug {
+    pages {
+      slug
+      locale
+    }
+  }
+`)
+
 const getPageContent = graphql(`
   query getPageContent($locales: [Locale!]!, $slug: String!) {
     pages(locales: $locales, where: { slug: $slug }) {
@@ -108,6 +135,8 @@ export const HygraphClient = () => {
     }
 
   return {
+    getRecentArticlesWithMetadata: makeRequest(getRecentArticlesWithMetadata),
+    getPagesConfig: makeRequest(getPagesConfig),
     getPageContent: makeRequest(getPageContent),
     getArticles: makeRequest(getArticles),
     getArticleSummary: makeRequest(getArticleSummary),

diff --git a/src/utils/generateRSSFeed.ts b/src/utils/generateRSSFeed.ts
@@ -0,0 +1,45 @@
+import { Feed } from "feed"
+import fs from "fs"
+import { HygraphClient } from "hygraphClient"
+
+export default async function generateRssFeed(locale: string) {
+  const site_url = process.env.VERCEL_URL ?? "localhost:3000"
+
+  const { getRecentArticlesWithMetadata } = HygraphClient()
+  const { articles } = await getRecentArticlesWithMetadata({ locales: [locale] })
+
+  const feedOptions = {
+    title: "Blog posts | RSS Feed",
+    description: "Welcome to this blog posts!",
+    id: site_url,
+    link: site_url,
+    language: locale,
+    image: `${site_url}/logo.png`,
+    favicon: `${site_url}/favicon.ico`,
+    copyright: `All rights reserved ${new Date().getFullYear()}`,
+    generator: "Feed for Node.js",
+    feedLinks: {
+      rss2: `${site_url}/rss.xml`,
+    },
+  }
+
+  const feed = new Feed(feedOptions)
+
+  articles.forEach((article) => {
+    const date = article?.updatedAt ? new Date(article?.updatedAt) : new Date()
+    feed.addItem({
+      title: article?.title,
+      id: `${site_url}/blog/${article?.slug}`,
+      link: `${site_url}/blog/${article?.slug}`,
+      description: "test",
+      copyright: `All rights reserved ${new Date().getFullYear()}`,
+      date: date,
+      author: [{ name: article?.author?.name }],
+      image: article?.coverImage?.url,
+    })
+  })
+
+  fs.writeFile(`./public/${locale}.xml`, feed.rss2(), (err) => {
+    if (err) return console.log(err)
+  })
+}
diff --git a/tsconfig.json b/tsconfig.json
@@ -17,6 +17,14 @@
     "jsx": "preserve",
     "incremental": true,
     "baseUrl": "src",
+    "paths": {
+      "@components/*": ["./components/*"],
+      "@ui/*": ["./components/common/ui/*"],
+      "@pages/*": ["./pages/*"],
+      "@hooks/*": ["./hooks/*"],
+      "@api/*": ["./api/*"],
+      "@utils/*": ["./utils/*"]
+    },
     "plugins": [
       {
         "name": "next"