chore: remove blog data from providers, cache snippets (#8243)

* chore: remove blog data from providers, cache snippets

* fixup!

* Update apps/site/util/blog.ts

Co-authored-by: Efe <dogukankrskl@gmail.com>
Signed-off-by: Aviv Keller <me@aviv.sh>

* fixup!

---------

Signed-off-by: Aviv Keller <me@aviv.sh>
Co-authored-by: Efe <dogukankrskl@gmail.com>

Author: avivkeller

apps/site/app/[locale]/feed/[feed]/route.ts

@@ -1,8 +1,8 @@
 import { NextResponse } from 'next/server';
 
-import provideWebsiteFeeds from '#site/next-data/providers/websiteFeeds';
 import { siteConfig } from '#site/next.json.mjs';
 import { defaultLocale } from '#site/next.locales.mjs';
+import { getFeeds } from '#site/util/feeds';
 
 type DynamicStaticPaths = { locale: string; feed: string };
 type StaticParams = { params: Promise<DynamicStaticPaths> };
@@ -14,7 +14,7 @@ export const GET = async (_: Request, props: StaticParams) => {
   const params = await props.params;
 
   // Generate the Feed for the given feed type (blog, releases, etc)
-  const websiteFeed = provideWebsiteFeeds(params.feed);
+  const websiteFeed = getFeeds(params.feed);
 
   return new NextResponse(websiteFeed, {
     headers: { 'Content-Type': 'application/xml' },

apps/site/components/Blog/BlogPostCard/index.tsx

@@ -15,7 +15,7 @@ type BlogPostCardProps = {
   category: BlogCategory;
   description?: string;
   authors?: Array<string>;
-  date?: Date;
+  date?: string | Date;
   slug?: string;
 };
 

apps/site/components/withBlogCrossLinks.tsx

@@ -2,8 +2,8 @@ import type { FC } from 'react';
 
 import { getClientContext } from '#site/client-context';
 import CrossLink from '#site/components/Common/CrossLink';
-import getBlogData from '#site/next-data/blogData';
 import type { BlogCategory } from '#site/types';
+import { getBlogData } from '#site/util/blog';
 
 const WithBlogCrossLinks: FC = () => {
   const { pathname } = getClientContext();

apps/site/components/withDownloadSection.tsx

@@ -1,4 +1,4 @@
-import { useLocale } from 'next-intl';
+import { getLocale } from 'next-intl/server';
 import type { FC, PropsWithChildren } from 'react';
 
 import { getClientContext } from '#site/client-context';
@@ -12,21 +12,22 @@ import {
 
 import type { NodeRelease } from '../types';
 
-// By default the translated languages do not contain all the download snippets
-// Hence we always merge any translated snippet with the fallbacks for missing snippets
-const fallbackSnippets = provideDownloadSnippets(defaultLocale.code);
-
 type WithDownloadSectionProps = PropsWithChildren<{
   releases: Array<NodeRelease>;
 }>;
 
-const WithDownloadSection: FC<WithDownloadSectionProps> = ({
+const WithDownloadSection: FC<WithDownloadSectionProps> = async ({
   releases,
   children,
 }) => {
-  const locale = useLocale();
+  const locale = await getLocale();
+
+  const snippets = await provideDownloadSnippets(locale);
+
+  // By default the translated languages do not contain all the download snippets
+  // Hence we always merge any translated snippet with the fallbacks for missing snippets
+  const fallbackSnippets = await provideDownloadSnippets(defaultLocale.code);
 
-  const snippets = provideDownloadSnippets(locale);
   const { pathname } = getClientContext();
 
   // Some available translations do not have download snippets translated or have them partially translated

apps/site/layouts/Blog.tsx

@@ -6,8 +6,8 @@ import BlogHeader from '#site/components/Blog/BlogHeader';
 import WithBlogCategories from '#site/components/withBlogCategories';
 import WithFooter from '#site/components/withFooter';
 import WithNavBar from '#site/components/withNavBar';
-import getBlogData from '#site/next-data/blogData';
 import type { BlogCategory } from '#site/types';
+import { getBlogData } from '#site/util/blog';
 
 import styles from './layouts.module.css';
 

apps/site/next-data/blogData.ts

@@ -1,15 +1,15 @@
-import { cache } from 'react';
+'use cache';
 
 import generateDownloadSnippets from '#site/next-data/generators/downloadSnippets.mjs';
 
-const downloadSnippets = await generateDownloadSnippets();
+const provideDownloadSnippets = async (language: string) => {
+  const downloadSnippets = await generateDownloadSnippets();
 
-const provideDownloadSnippets = cache((language: string) => {
   if (downloadSnippets.has(language)) {
     return downloadSnippets.get(language)!;
   }
 
   return [];
-});
+};
 
 export default provideDownloadSnippets;