S/01
توسعه اپلیکیشن تحت وب
اپلیکیشن‌های فول‌استک با Next.js همراه با REST API، احراز هویت، ذخیره‌سازی داده و استراتژی رندرینگ مناسب برای هر صفحه.
Next.jsطراحی APIاحراز هویت
آماده پذیرش پروژه جدید
ابوالفضل عباسپور — برنامه‌نویس فرانت‌اند (React / Next.js)
برنامه‌نویس فرانت‌اندReact · Next.js · TypeScript
وب‌سایت‌هایی سریع، مدرن و به‌یادماندنی طراحی و توسعه می‌دهم که بازدیدکننده را به مشتری تبدیل می‌کنند.
ReactNext.jsTypeScriptTailwind CSSReact QueryZustandREST APIsSSR · ISR · SSGWeb VitalsClean CodeHero UIRedux
آماده همکاری فریلنسریسایت‌هایی که مشتری می‌آورنداپلیکیشن‌هایی که رشد می‌کنندبیایید با هم بسازیم
(01)درباره من
من ابوالفضل هستم — برنامه‌نویس فرانت‌اند و توسعه‌دهنده ری‌اکت (React) و نکست‌جی‌اس (Next.js) با بیش از ۴ سال تجربه حرفه‌ای در تبدیل ایده‌های پیچیده به محصولات وب سریع، زیبا و قابل نگهداری. از بازسازی سیستم‌های سازمانی قدیمی تا معماری اپلیکیشن‌های فول‌استک با Next.js، روی جزئیاتی وسواس دارم که مشتریان شما واقعاً حس می‌کنند: سرعت، شفافیت و کیفیت.
04+
سال تجربه حرفه‌ای
05
ماژول سازمانی تحویل‌شده
04
استراتژی رندرینگ در جعبه‌ابزار من
02
محصول آنلاین که همین حالا می‌توانید امتحان کنید
(02)خدمات
چه چیزی می‌توانمبرای شما بسازم؟
چه یک محصول کاملاً جدید بخواهید و چه نجات یک کدبیس قدیمی — هر پروژه با همان دقت روی تک‌تک پیکسل‌ها و خطوط کد ساخته می‌شود.
S/02
طراحی سایت و لندینگ پیج
وب‌سایت‌های معرفی و لندینگ‌های انیمیشنی با نرخ تبدیل بالا که فوراً بارگذاری می‌شوند و در هر اندازه صفحه‌ای عالی دیده می‌شوند.
انیمیشنریسپانسیوسئو
S/03
داشبورد و ابزارهای داخلی
رابط‌های پیچیده مثل حقوق و دستمزد، چت و قراردادساز — طراحی‌شده برای اینکه تمیز، سریع و قابل نگهداری بمانند.
ReactTypeScriptرابط کاربری داده‌محور
S/04
بازسازی پروژه‌های قدیمی
کدبیس قدیمی jQuery جلوی رشدتان را گرفته؟ آن را قدم‌به‌قدم و بدون خراب کردن بخش‌های سالم، به ES6+ و React مدرن مهاجرت می‌دهم.
jQuery → ES6+ریفکتوربدون توقف سرویس
S/05
بهینه‌سازی سرعت و عملکرد
Core Web Vitals، استراتژی‌های کش و انتخاب هوشمندانه SSR / ISR تا محصول شما سریع حس شود — و در گوگل رتبه بهتری بگیرد.
Web VitalsکشینگSSR / ISR
S/06
پیاده‌سازی دقیق رابط کاربری
طراحی شما، تبدیل‌شده به کد کامپوننت‌محور، قابل استفاده مجدد و دسترس‌پذیر با Custom Hookها و معماری تمیز.
کامپوننتدسترس‌پذیریکد تمیز
(03)فرایند کار
از ایده تا راه‌اندازی —
فریم به فریم.
فریم 0000 / 720
TC 00:00:00:00
SEQ سحابی
01/ 04
کشف
درباره اهداف، مخاطبان و محدوده پروژه صحبت می‌کنیم. معماری و سریع‌ترین مسیر از ایده تا راه‌اندازی را ترسیم می‌کنم — بدون غافلگیری در ادامه.
- اهداف و مخاطب
- محدوده و زمان‌بندی
- معماری فنی
01 — کشف
02 — طراحی
03 — توسعه
04 — تحویل
(04)نمونه‌کارها
محصولات واقعی.نتایج واقعی.
منتخبی از کارهایی که طراحی، توسعه و منتشر کرده‌ام — از نرم‌افزار سازمانی منابع انسانی تا پروژه‌های فول‌استکی که همین حالا می‌توانید امتحان کنید.
01 / 03اپلیکیشن ردیابی عادت
Habit Tracker
یک ردیاب عادت سبک و دلنشین — عادت‌های روزانه را اضافه، تکمیل و ویرایش کنید؛ پیشرفت به‌صورت خودکار ذخیره می‌شود و حالت روشن و تاریک دارد.
- Custom Hookهای اختصاصی برای عادت‌ها، تم و ذخیره‌سازی محلی
- میکرواینترکشن‌ها: افکت کانفتی و صدا با تکمیل هر عادت
- ویرایش درجا، اعتبارسنجی و طراحی موبایل‌محور
React 19TypeScriptViteTailwind v4Custom Hooks
Habits
Track what matters, every day.
☀
Add a new habit…
Add
- ✓Morning run
- ✓Read 20 pages
- Drink 2L of water
- Meditate 10 min
Habits
Track what matters, every day.
☾
Add a new habit…
Add
- ✓Morning run
- ✓Read 20 pages
- Drink 2L of water
- Meditate 10 min
Auto-saved locally
Light / Dark ◐
02 / 03سایت کاریابی فول‌استک
DevJobs
یک سایت کاریابی در سطح پروداکشن با Next.js 16 و TypeScript — مشاهده، جستجو و ذخیره آگهی‌ها با دیتابیس واقعی و REST API.
- لیست آگهی‌ها با ISR (به‌روزرسانی هر ۵ دقیقه) و صفحات جزئیات با SSR — هر صفحه با استراتژی مناسب خودش
- یک کش مشترک React Query که وضعیت «ذخیره‌شده» را همه‌جا فوراً همگام نگه می‌دارد
- مسیرهای محافظت‌شده با Middleware، پاک‌سازی HTML و Error Boundaryهای اختصاصی
Next.js 16TypeScriptReact QueryZustandSQLiteTailwind v4
devjobs.app/jobs
DevJobsJobsSavedAbout
Search jobs…
- Senior Frontend Engineer · Lumen LabsSaved
- React Developer · NorthwindSave
- Full-Stack Engineer (Next.js) · Polaris AISaved
- UI Engineer · Vertex StudioSave
- JavaScript Developer · BrightlineSave
ISR · revalidate 300s
React Query cache synced
03 / 03پلتفرم سازمانی منابع انسانی
HRBOX
قابلیت‌هایی برای یک محصول واقعی منابع انسانی که هر روز توسط کسب‌وکارها استفاده می‌شود — از یک اپلیکیشن قدیمی DNN / jQuery تا یک مونوریپوی مدرن React.
- قراردادساز، سیستم تولید PDF و نامه‌نگاری خودکار — ساخته‌شده از صفر
- ماژول حقوق و دستمزد و چت داخلی در یک مونوریپوی بزرگ React + TypeScript
- مهاجرت کدبیس قدیمی jQuery به ES6+ برای نگهداری بلندمدت
ReactTypeScriptHero UIjQueryC# RazorMonorepo
app.hrbox / payroll
Payroll
Monthly overview
Export PDF
EmployeeStatusNet
#1024Approved●●●●
#1025Pending●●●●
#1026Approved●●●●
Contract builder
+ Drop clause block
Internal chat
Letter #218 is ready?
Generated ✓ PDF sent
(05)سوابق کاری
جایی کهمی‌سازم.
دسامبر ۲۰۲۳ — اکنون فعلی
HRBOX ↗برنامه‌نویس فرانت‌اند
قراردادسازتولید PDFنامه‌نگاری خودکارماژول حقوق و دستمزدچت داخلیمهاجرت به ES6+
- فصل 01
بازسازی سیستم قدیمی
بازنویسی و مدرن‌سازی یک اپلیکیشن قدیمی DotNetNuke (DNN) مبتنی بر jQuery — مهاجرت کدهای قدیمی به ES6+ و بهبود قابلیت نگهداری در کل کدبیس.
- فصل 02
قابلیت‌های پیشرفته از صفر
ساخت قراردادساز، سیستم تولید PDF و سیستم نامه‌نگاری خودکار با جاوااسکریپت و jQuery، در همکاری مستقیم با تیم بک‌اند برای اتصال API و ویوهای C# Razor.
- فصل 03
مونوریپوی مدرن React
پیاده‌سازی فرانت‌اند ماژول حقوق و دستمزد و سیستم چت داخلی در یک مونوریپوی بزرگ با React، React Router، TypeScript، Tailwind CSS و Hero UI.
(06)جعبه‌ابزار
جعبه‌ابزار من.
01زبان‌ها
JavaScript (ES6+)TypeScriptHTML5CSS3
02فریمورک‌ها
ReactNext.js (App Router)React RouterTailwind CSSHero UIjQuery
03مدیریت State و داده
TanStack React QueryZustandContext APIRedux
04بک‌اند
طراحی REST APINext.js Middlewareالگوهای احراز هویت
05عملکرد
SSRSSGISRCSRکشینگWeb Vitals
06اصول کار
Gitکد تمیزتوسعه کامپوننت‌محورCustom HooksError Boundariesامنیت در برابر XSS
(07)تماس
بیایید با همچیزی فوق‌العادهبسازیم.
آماده پذیرش پروژه جدید
پروژه فریلنسری، همکاری بلندمدت یا موقعیت تمام‌وقت — اگر در حال ساخت چیزی بلندپروازانه برای وب هستید، خوشحال می‌شوم بشنوم.