Dental — وب‌سایت کلینیک و بلاگ هدلس

وب‌سایت فریلنس کلینیک با بلاگ مبتنی بر وردپرس که از طریق REST API به Next.js متصل شده.

  • Next.js
  • Tailwind CSS
  • WordPress
  • REST API
نمای دسکتاپ پروژه‌ی Dental
نمای موبایل پروژه‌ی Dental

وب‌سایتی فریلنس برای یک کلینیک دندان‌پزشکی با Next.js و Tailwind CSS، به‌همراه یک نمونه‌ی جدای وردپرس که بلاگ رو مدیریت می‌کنه. REST API وردپرس برای واکشی و نمایش پست‌ها داخل فرانت‌اند Next.js یکپارچه شده تا رابط کاربری یکدست بمونه و انتشار محتوا برای مشتری ساده باشه.

ویژگی‌های کلیدی

چالش‌ها و درس‌آموخته‌ها

عملکرد وردپرس هدلس و ISR

یکپارچه‌سازی از طریق REST API اغلب تاخیر هیدریشن ایجاد می‌کرد؛ با Incremental Static Regeneration در Next.js، محتوای پزشکی از پیش رندر شد و مزایای سئوی سایت استاتیک با ویرایش لحظه‌ای CMS ترکیب شد.

پل‌زدن بین CMS و فرانت‌اند مدرن

نگاشت فیلدهای سفارشی پیشرفته (ACF) به Next.js، چیزهای زیادی درباره‌ی تبدیل داده و type-safety با محتوای پویا از یک بک‌اند قدیمی بهم آموخت.

نتیجه

پروژه‌ی کلینیک دندان‌پزشکی با موفقیت به‌عنوان یک راه‌حل هدلس مدرن تحویل داده شد که هم سرعت فوق‌العاده برای بیماران و هم سهولت استفاده برای کادر پزشکی رو فراهم می‌کنه؛ نمونه‌ای محکم از تسلط من در جداسازی مدیریت محتوا از لایه‌ی نمایش.