صفحه‌های خطا

error-pagesقالب

صفحه‌های ۴۰۴، ۵۰۰، آفلاین و حالت خالی، با متن فارسی ساده و طبیعی و یک کار بعدی مشخص، نه «اوپس».

۴۰۴خالیآفلاین
تمام‌صفحه

نصب

  1. با CLI

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

    $ npx vibefarsi add error-pages
  2. نصب دستی

    محتوای تب «کد» را در components/templates/error-pages.tsx بگذارید. پیش‌نیاز: button، input.

    $ npm i lucide-react
    کپی کل فایلregistry json

ساخته‌شده از

استفاده

usage.tsx
1// app/not-found.tsx2import { ErrorPage } from "@/components/templates/error-pages"3export default function NotFound() {4  return <ErrorPage kind="404" />5}67// app/error.tsx ("use client")8export default function Error() {9  return <ErrorPage kind="500" />10}