صفحهی دوره
courseقالبصفحهی دورهی آموزشی با ویدئو، مدرس و امتیاز، سرفصلها با درسهای دیدهشده و قفل، نظرات و کارت خرید چسبان با پیشرفت.
آموزشویدئوقیمت
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add courseنصب دستی
محتوای تب «کد» را در
components/templates/course.tsxبگذارید. پیشنیاز: breadcrumb، badge، button، avatar، rating، price، progress، tabs، accordion.$ npm i lucide-reactکپی کل فایلregistry json
ساختهشده از
استفاده
usage.tsx
1// app/course/page.tsx2import { CoursePage } from "@/components/templates/course"34export default function Page() {5 return <CoursePage />6}