مقدمه
SendFox یک سرویس خبرنامه محبوب است که توسط AppSumo ساخته شده است. این شرکت به دلیل فروشگاه خود با معاملات مادام العمر برای نرم افزار مشهور است. این محصول محدودیت هایی دارد و راه حل کاملی نیست، اما اگر به یک ابزار محکم با هزینه قابل پیش بینی نیاز دارید، ممکن است برای شما مناسب باشد. یک ردیف رایگان سخاوتمندانه نیز وجود دارد.
نمونه های آنلاین زیادی برای نحوه ایجاد یک فرم ثبت نام خارج از فرمت جاسازی وجود ندارد. آنها بهترین به نظر نمی رسند و با چارچوب های JS خوب بازی نمی کنند.
بیایید یک کامپوننت فرم و یک مسیر API در Next.js ایجاد کنیم که به ما کنترل کامل می‌دهد.
من استفاده میکنم shadcn/ui برای اجزای رابط کاربری و lucide-react برای آیکون ها شما به راحتی می توانید این اجزا را با چیز دیگری تعویض کنید.
راه اندازی
اگر این مورد را به یک برنامه موجود اضافه می کنید، رد شوید.
اگر می خواهید این آموزش را از ابتدا دنبال کنید، مراحل زیر را انجام دهید.
-
راه اندازی برنامه Next.js با shadcn/ui –
پیوند -
افزودن اجزاء:
npx shadcn-ui@latest add button input -
بسته آیکون ها را نصب کنید:
npm i lucide-react
شما خوب هستید که بروید.
SendFox API
SendFox یک مستندات API بسیار ابتدایی دارد که می توانید در اینجا پیدا کنید:
شما باید یک کلید API از حساب SendFox خود دریافت کنید. برو به
کپی کنید و با خیال راحت ذخیره کنید.
مسیر API
بیایید با یک …