feat: add sitemap

app/layout.tsx

@@ -3,6 +3,7 @@ import '~/app/globals.css'
 import { type Metadata } from 'next'
 
 import { ThemeProvider } from '~/app/(main)/ThemeProvider'
+import { url } from '~/lib'
 import { sansFont } from '~/lib/font'
 import { seo } from '~/lib/seo'
 
@@ -48,6 +49,12 @@ export const metadata: Metadata = {
  title: seo.title,
  description: seo.description,
  },
+ alternates: {
+ canonical: url('/'),
+ types: {
+ 'application/rss+xml': [{ url: 'rss', title: 'RSS 订阅' }],
+ },
+ },
 }
 
 export default function RootLayout({

app/sitemap.ts

@@ -0,0 +1,29 @@
+import { type MetadataRoute } from 'next'
+
+import { url } from '~/lib'
+import { getAllLatestBlogPostSlugs } from '~/sanity/queries'
+
+export default async function sitemap() {
+ const staticMap = [
+ {
+ url: url('/').href,
+ lastModified: new Date(),
+ },
+ {
+ url: url('/blog').href,
+ lastModified: new Date(),
+ },
+ ] satisfies MetadataRoute.Sitemap
+
+ const slugs = await getAllLatestBlogPostSlugs()
+
+ const dynamicMap = slugs.map((slug) => ({
+ url: url(`/blog/${slug}`).href,
+ lastModified: new Date(),
+ })) satisfies MetadataRoute.Sitemap
+
+ return [...staticMap, ...dynamicMap]
+}
+
+export const runtime = 'edge'
+export const revalidate = 60

lib/index.ts

@@ -0,0 +1,8 @@
+export function url(path = '') {
+ const baseUrl =
+ process.env.NODE_ENV === 'production'
+ ? 'https://cali.so'
+ : 'http://localhost:3000'
+
+ return new URL(path, baseUrl)
+}

sanity/queries.ts

@@ -4,6 +4,15 @@ import { getDate } from '~/lib/date'
 import { clientFetch } from '~/sanity/lib/client'
 import { type Post } from '~/sanity/schemas/post'
 
+export const getAllLatestBlogPostSlugsQuery = () =>
+ groq`
+ *[_type == "post" && !(_id in path("drafts.**")) && publishedAt <= "${getDate().format(
+ 'YYYY-MM-DD'
+ )}" && defined(slug.current)] | order(publishedAt desc).slug.current`
+export const getAllLatestBlogPostSlugs = () => {
+ return clientFetch<string[]>(getAllLatestBlogPostSlugsQuery())
+}
+
 export const getLatestBlogPostsQuery = (limit = 5) =>
  groq`
  *[_type == "post" && !(_id in path("drafts.**")) && publishedAt <= "${getDate().format(