ZH
测试版翻译
包

@core / kit-blog

1.0.1 ▾
已验证MIT
GitHub

Next.js 博客套件：含作者、分类、标签、系列的文章，订阅源，审核评论和邮件简报

代码32 个文件上下文约 883 个 token扫描通过

应用 .genpmignore 后将被注入的确切目录树。固定于

src/app/(blog)/_blocks/latest-posts.tsx只读 · fa952a4
// Bloque "Últimos posts" para páginas del CMS (registrado en src/genpm/blocks.ts).
import { z } from 'zod';
import { listPosts } from '@/lib/blog';
import { defineBlock, Section } from '@/lib/blocks';
import { PostCard } from '../_components/post-card';
import Link from 'next/link';

export const latestPosts = defineBlock({
  type: 'latest-posts',
  label: 'Latest posts',
  icon: 'newspaper',
  schema: z.object({
    title: z.string().trim().max(160).optional(),
    count: z.coerce.number().int().min(1).max(12).default(3),
    category: z.string().max(80).optional().transform((v) => v || undefined),
  }),
  fields: [
    { name: 'title', label: 'Title', type: 'text' },
    { name: 'count', label: 'Number of posts', type: 'number' },
    { name: 'category', label: 'Only from category', type: 'relation', relationTo: 'categories', relationKey: 'slug' },
  ],
  defaults: () => ({ title: 'Latest posts', count: 3 }),
  Component: async ({ data, ctx }) => {
    const { posts } = await listPosts({ perPage: data.count, ...(data.category && { category: data.category }) });
    if (!posts.length) return null;
    return (
      <Section id={ctx.id} block="latest-posts" title={data.title} ctx={ctx} label="Latest posts">
        <ul className="blk-grid blk-grid--3" role="list">
          {posts.map((p) => (
            <li key={p.id}>
              <PostCard post={p} level={data.title ? ctx.level + 1 : ctx.level} />
            </li>
          ))}
        </ul>
        <p>
          <Link href="/blog">All posts</Link>
        </p>
      </Section>
    );
  },
});

举报 @core/kit-blog

使用 GitHub 登录后才能举报包。

使用 GitHub 继续