gbanyan/blog-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: memoize post queries and reduce JSON-LD bloat

Browse Source
This commit is contained in:
gbanyan
2026-03-15 17:31:23 +08:00
parent 1b495d2d2d
commit 5325a08bc3
4 changed files with 40 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/blog/[slug]/page.tsx
View File

@@ -145,8 +145,6 @@ export default async function BlogPostPage({ params }: Props) {
wordCount: wordCount,
readingTime: `${readingTime} min read`,
}),
articleBody: textContent.slice(0, 5000),
inLanguage: siteConfig.defaultLocale,
url: postUrl,
};

2
app/layout.tsx
View File

@@ -130,6 +130,8 @@ export default async function RootLayout({
<head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
<link rel="font" href="https://fonts.googleapis.com" />
<link rel="font" href="https://fonts.gstatic.com" />
</head>
<body>
<NextTopLoader

49
lib/posts.ts
View File

@@ -1,11 +1,18 @@
import { allPosts, allPages, Post, Page } from 'contentlayer2/generated';
let _sortedCache: Post[] | null = null;
let _relatedCache: Map<string, Post[]> = new Map();
let _neighborsCache: Map<string, { newer?: Post; older?: Post }> = new Map();
let _tagsCache: { tag: string; slug: string; count: number }[] | null = null;
export function getAllPostsSorted(): Post[] {
return [...allPosts].sort((a, b) => {
if (_sortedCache) return _sortedCache;
_sortedCache = [...allPosts].sort((a, b) => {
const aDate = a.published_at ? new Date(a.published_at).getTime() : 0;
const bDate = b.published_at ? new Date(b.published_at).getTime() : 0;
return bDate - aDate;
});
return _sortedCache;
}
export function getPostBySlug(slug: string): Post | undefined {
@@ -38,24 +45,31 @@ export function getTagSlug(tag: string): string {
}
export function getAllTagsWithCount(): { tag: string; slug: string; count: number }[] {
const map = new Map<string, number>();
if (_tagsCache) return _tagsCache;
const map = new Map<string, number>();
for (const post of allPosts) {
if (!post.tags) continue;
for (const tag of post.tags) {
map.set(tag, (map.get(tag) ?? 0) + 1);
for (const postTag of post.tags) {
map.set(postTag, (map.get(postTag) ?? 0) + 1);
}
}
return Array.from(map.entries())
_tagsCache = Array.from(map.entries())
.map(([tag, count]) => ({ tag, slug: getTagSlug(tag), count }))
.sort((a, b) => {
if (b.count === a.count) return a.tag.localeCompare(b.tag);
return b.count - a.count;
});
return _tagsCache;
}
export function getRelatedPosts(target: Post, limit = 3): Post[] {
const cacheKey = `${target._id}-${limit}`;
if (_relatedCache.has(cacheKey)) {
return _relatedCache.get(cacheKey)!;
}
const targetTags = new Set(target.tags?.map((tag) => tag.toLowerCase()) ?? []);
const candidates = getAllPostsSorted().filter((post) => post._id !== target._id);
@@ -84,28 +98,39 @@ export function getRelatedPosts(target: Post, limit = 3): Post[] {
.slice(0, limit)
.map((entry) => entry.post);
let result: Post[];
if (scored.length >= limit) {
return scored;
result = scored;
} else {
const fallback = candidates.filter(
(post) => !scored.some((existing) => existing._id === post._id)
);
result = [...scored, ...fallback.slice(0, limit - scored.length)].slice(0, limit);
}
const fallback = candidates.filter(
(post) => !scored.some((existing) => existing._id === post._id)
);
return [...scored, ...fallback.slice(0, limit - scored.length)].slice(0, limit);
_relatedCache.set(cacheKey, result);
return result;
}
export function getPostNeighbors(target: Post): {
newer?: Post;
older?: Post;
} {
const cacheKey = target._id;
if (_neighborsCache.has(cacheKey)) {
return _neighborsCache.get(cacheKey)!;
}
const sorted = getAllPostsSorted();
const index = sorted.findIndex((post) => post._id === target._id);
if (index === -1) return {};
return {
const result = {
newer: index > 0 ? sorted[index - 1] : undefined,
older: index < sorted.length - 1 ? sorted[index + 1] : undefined
};
_neighborsCache.set(cacheKey, result);
return result;
}

2
next-env.d.ts vendored
View File

@@ -1,6 +1,6 @@
/// <reference types="next" />
/// <reference types="next/image-types/global" />
import "./.next/types/routes.d.ts";
import "./.next/dev/types/routes.d.ts";
// NOTE: This file should not be edited
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.