هفته گذشته، رویداد refine ft Strapi به توسعه دهندگان فرصتی هیجان انگیز برای یادگیری در مورد ساخت برنامه های کاربردی با دو فناوری قدرتمند ارائه داد. وقتی Refine و Strapi با هم ترکیب شوند، مجموعه ای باورنکردنی از امکانات را برای ساخت برنامه ها ارائه می دهند. در طول هفته، Refine مجموعه‌ای از پنج مقاله منتشر کرد که جزئیات نحوه ایجاد یک برنامه React PDF Invoice Generator را با استفاده از این ابزارها در کنار Ant Design ارائه می‌کرد.
اگر این فناوری‌ها را از دست داده‌اید یا با آن‌ها آشنا نیستید، این پست وبلاگ مروری سریع از پالایش و Strapi ارائه می‌دهد. و تمام مقالات منتشر شده در طول این رویداد، بنابراین شما می توانید به سرعت به سرعت بالا بروید و شروع به ساخت برنامه تولید فاکتور خود کنید.
پالایش چیست؟
refine یک چارچوب مبتنی بر React است که توسعه برنامه‌های کاربردی وب CRUD را قادر می‌سازد و راه‌حل‌هایی را برای اجزای حیاتی پروژه‌ها از جمله احراز هویت، کنترل دسترسی، مسیریابی، شبکه‌سازی، مدیریت حالت و i18n ارائه می‌دهد.
با کانکتورهای داخلی خود برای سرویس‌های مختلف پشتیبان مانند Strapi، REST API، GraphQL و موارد دیگر، شما را قادر می‌سازد تا عملیات CRUD را به راحتی تولید کنید. این پشتیبانی SSR را با Next.js یا Remix فراهم می کند.
با دنبال کردن راهنمای شروع سریع با استفاده از دستور refine CLI با یک الگوی داخلی می‌توانید به راحتی شروع به کار کنید.
دستور زیر را اجرا کنید:
npm create refine-app@latest my-project
فرآیند نصب شما را از طریق انتخاب الگوی پروژه، نام‌گذاری، سرویس back-end و انتخاب چارچوب UI و سایر تنظیمات پیکربندی راهنمایی می‌کند.
استراپی چیست؟
Strapi یک سیستم مدیریت محتوای هدلس (CMS) است که به توسعه دهندگان اجازه می دهد ابزارها و چارچوب های مورد علاقه خود را انتخاب کنند و به ویرایشگران اجازه می دهد تا محتوای خود را با استفاده از پنل مدیریت برنامه خود مدیریت و توزیع کنند.
با استفاده از پنل مدیریت و API قابل تنظیم Strapi، توسعه دهندگان می توانند به راحتی CMS را با استفاده از سیستم پلاگین که پلاگین های مختلفی را از طریق بازار Strapi در دسترس است، مطابق با موارد استفاده خاص خود تطبیق دهند. علاوه بر این، توسعه دهندگان می توانند برنامه Strapi خود را میزبانی کنند تا کنترل کامل داده های خود را حفظ کنند، یا می توانند از Strapi Cloud برای یک فرآیند استقرار سریع و آسان استفاده کنند.
مانند پالایش، شروع با Strapi ساده است. به سادگی دستور زیر را اجرا کنید:
yarn create strapi-app my-project --quickstart
و دستورالعمل های نصب را دنبال کنید و در عین حال تأیید کنید که تمام پیش نیازهای لازم برای شروع پروژه خود را دارید.
یک برنامه React PDF Invoice Generator با Refin & Strapi بسازید
موارد استفاده زیادی وجود دارد که ممکن است به یک برنامه تولید فاکتور نیاز داشته باشید، از جمله صاحبان مشاغل کوچک، کارآفرینان، ارائه دهندگان خدمات، صاحبان فروشگاه های تجارت الکترونیک، مترجمان آزاد و غیره. این سری از آموزش ها شما را طی مراحلی که برای ساخت اپلیکیشن باید طی کنید، راهنمایی می کند:
-
معماری فریمورک‌های مورد استفاده برای ساخت برنامه: مروری بر پالایش و استراپی.
-
راه‌اندازی برنامه Invoicer با Strapi و اصلاح: با انتخاب Ant Design به‌عنوان چارچوب رابط کاربری و Strapi به‌عنوان ارائه‌دهنده داده، برنامه Invoicer را با استفاده از refine.new راه‌اندازی کنید.
-
افزودن اقدامات و نمایش‌های CRUD: عملیات CRUD را برای شرکت‌ها، مشتریان و منابع مخاطبین اجرا کنید. و احراز هویت کاربر را با استفاده از Strapi پیاده سازی کنید.
-
ایجاد صفحات ماموریت و فاکتورها: نماهای CRUD بیشتری را به PDF Invoice Generator اضافه کنید.
-
افزودن رندر PDF: برای نمایش فاکتورهای خود در صفحه PDF یک رندر pdf اضافه کنید.
نتیجه
refine و Strapi دو فناوری قدرتمند برای ساخت برنامه های کاربردی قدرتمند و قابل تنظیم هستند. این هفته یاد گرفتیم که چگونه یک برنامه React PDF Invoice Generator با استفاده از این فناوری ها با طراحی مورچه بسازیم.
اگر با این فناوری‌ها آشنا نیستید و می‌خواهید به یادگیری ادامه دهید، در اینجا چند منبع مفید برای ادامه مسیر یادگیری آورده شده است:
به انجمن Strapi و Refine Community on Discord بپیوندید و به بحث بیشتر درباره این موضوع ادامه دهید یا با افراد بیشتری ارتباط برقرار کنید.
