صفحه‌ی دوره

courseقالب

صفحه‌ی دوره‌ی آموزشی با ویدئو، مدرس و امتیاز، سرفصل‌ها با درس‌های دیده‌شده و قفل، نظرات و کارت خرید چسبان با پیشرفت.

آموزشویدئوقیمت
تمام‌صفحه

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add course
  2. نصب دستی

    محتوای تب «کد» را در 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}