Enhance metadata handling and add static params for documents

- Introduced Metadata type for better type safety in page metadata.
- Added generateStaticParams function to fetch document slugs for dynamic routing.
- Updated document fetching logic to include slugs in the news section.

Author: alexbaumgertner

src/app/(sections)/[slug]/page.tsx

@@ -3,6 +3,7 @@ import { notFound } from 'next/navigation'
 import { getPageBySlug, getPagesSlugs } from '@/db/api/pages'
 
 import classes from './page.module.css'
+import { Metadata } from 'next'
 
 export async function generateStaticParams() {
   const slugs = await getPagesSlugs()
@@ -14,7 +15,7 @@ export const generateMetadata = async ({
   params,
 }: {
   params: Promise<{ slug: string }>
-}) => {
+}): Promise<Metadata> => {
   const { slug } = await params
   const page = await getPageBySlug(slug)
   return {

src/app/(sections)/news/[slug]/page.tsx

@@ -1,4 +1,4 @@
-import { readDocumentBySlug } from '@/db/api/documents'
+import { readDocumentBySlug, readDocumentsSlugs } from '@/db/api/documents'
 import { Document } from '@/components'
 import { Metadata } from 'next'
 
@@ -15,6 +15,11 @@ export const generateMetadata = async ({
   }
 }
 
+export async function generateStaticParams() {
+  const documentsSlugs = await readDocumentsSlugs()
+  return documentsSlugs
+}
+
 const NewsPage = async ({ params }: { params: Promise<{ slug: string }> }) => {
   const { slug } = await params
   const document = await readDocumentBySlug(slug)

src/app/(sections)/news/page.tsx

@@ -1,8 +1,9 @@
 import { readDocuments } from '@/db/api/documents'
 import Link from 'next/link'
+import { Metadata } from 'next'
 import classes from './page.module.css'
 
-export const metadata = {
+export const metadata: Metadata = {
   title: 'Новости',
   description: 'Новости о болезни Рандю-Ослера',
   keywords: 'новости, болезнь Рандю-Ослера',

src/db/api/documents.ts

@@ -31,6 +31,13 @@ export const readDocuments = async (searchParams: {
   return documentsResponse
 }
 
+export const readDocumentsSlugs = async () => {
+  const documentsSlugs = await db
+    .select({ slug: documents.slug })
+    .from(documents)
+  return documentsSlugs
+}
+
 export const readDocumentWithBlocks = async (id: string) => {
   // First get the document
   const [document] = await db