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"