لطفاً چند لحظه صبر کنید...
پلتفرم خبری مدرن با جستجو و ترجمه
NextNews یک اپلیکیشن خبری مدرن است که با Next.js 16 ، React 19 و TypeScript ساخته شده. این پروژه صرفاً یک نمایش ساده از اخبار نیست؛ بلکه یک Searching System پیشرفته با فیلتر های چندگانه، مدیریت علاقهمندی ها، ترجمه اخبار و تجربه کاربری روان و Responsive است.
من این پروژه را با هدف نشان دادن درک عمیق خود از Client Component و Server Component در معماری مدرن Next.js و توانایی پیادهسازی یک اپلیکیشن کامل و مقیاس پذیر طراحی کردهام.
React 19TypeScriptTailwind CSSZustand
Framer Motion
News APITranslate APIکاربران میتوانند با ترکیب فیلتر های دامنه، بازه های زمانی و جستجوی عنوانی، اخبار مورد نظر را پیدا کنند
ذخیرهسازی علاقهمندی ها در مرورگر با Zustand و persist، حتی پس از رفرش صفحه
ترجمه عنوان و محتوا با محدودیت ۵ ترجمه رایگان برای هر کاربر با استفاده از persist
کامپوننت SafeImage برای مدیریت ارور های تصویر که از سمت سرور رخ میدهد و نمایش تصویر جایگزین
محافظت از مسیر های نیازمند به لاگین با Middleware و کنترل دسترسی
انیمیشن های ظریف برای نمایش فیلتر ها، مودال ها و حالت های بارگذاری
«یکی از مهمترین چیز هایی که در این پروژه یاد گرفتم، تفکیک صحیح Client Component از Server Component و درک عمیق معماری مدرن Next.js بود. من با کار روی این پروژه متوجه شدم که هر کامپوننت باید دقیقاً بداند در کدام لایه قرار میگیرد و چرا.»
«ساخت یک سیستم جستجوی کامل با فیلتر های دلخواه مثل دامنه ، تاریخ ، یکی از چالش های فنی جذاب این پروژه بود. من توانستم پارامتر های مختلف را بهصورت داینامیک به API ارسال کنم و نتیجه را در کامپوننت های سرور به صورت صفحه بندی شده نمایش دهم.»
«استفاده از SafeImage برای جلوگیری از ارور های سمت سرور ، که برای تصاویر رخ میدهد این کامپوننت ساده از بروز ارور جلوگیری میکند و باعث میشود برنامه حتی با دیتا های ناقص هم پایدار بماند.»
