مقالات
blog-gridبلاکسه کارت مقاله با دسته، تاریخ شمسی، زمان مطالعه و نویسنده.
محتواشمسی
آخرین مطالب
همهی مطالب- آموزش·۶ دقیقه
راستچین کردن Next.js، یک بار برای همیشه
از dir روی html تا کلاسهای منطقی تیلویند، همهی چیزهایی که برای یک سایت فارسی درست لازم است.
ععلی رضایی· - طراحی·۴ دقیقه
چرا فونت فارسی باید ۱۶ پیکسل باشد
سافاری موبایل روی فیلدهای کوچکتر زوم میکند و خواندن فارسی زیر ۱۴ پیکسل سخت است.
ننگار کریمی·
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add blog-gridنصب دستی
محتوای تب «کد» را در
components/blocks/blog-grid.tsxبگذارید. پیشنیاز: badge، avatar.$ npm i lucide-reactکپی کل فایلregistry json
ساختهشده از
استفاده
usage.tsx
1import { BlogGrid } from "@/components/blocks/blog-grid"23<BlogGrid posts={[{ href: "/blog/rtl", title: "راستچین کردن Next.js", excerpt: "…", category: "آموزش", date: new Date(), readingTime: 6, author: { name: "علی رضایی" } }]} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| date | Date | - | با formatJalali به «۲۵ شهریور ۱۴۰۵» تبدیل میشه. |
| readingTime | number | - | دقیقه؛ با اعداد فارسی نشون داده میشه. |