صفحههای خطا
error-pagesقالبصفحههای ۴۰۴، ۵۰۰، آفلاین و حالت خالی، با متن فارسی ساده و طبیعی و یک کار بعدی مشخص، نه «اوپس».
۴۰۴خالیآفلاین
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add error-pagesنصب دستی
محتوای تب «کد» را در
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}