بازگشت به پروژه‌ها
تبلت · 820×1180 
موبایل · 390×844
04
همین سایت · برند، سیستم‌ها و روایت
LOOMDEV Portfolio
همین سایتی که اکنون مشاهده می‌کنید: پورتفولیوی شخصی با تجربه کامل فارسی/انگلیسی، طراحی دارک تکنیکال و روایت case-study محور.
نقش
طراح و توسعه‌دهنده
فناوری
- Next.js 16 · App Router / SSG
- React 19 · Components & motion
- TypeScript · Type-safe throughout
- Tailwind CSS v4 · Design tokens & styling
- i18n · fa/en, RTL/LTR routing
●loomdev.vercel.app
2026نقش AI در این پروژه با همراهی AI
در بخش‌هایی از ساخت از ابزارهای کدنویسی AI کمک گرفتم؛ طراحی، ساختار و تصمیم‌های نهایی همه با من است.
نسخه‌های مختلف
همان پروژه، سه اندازه. نماهای دسکتاپ، تبلت و موبایل.
●دسکتاپ · 1280×800
2026معماری سطح بالا
USER
NEXT.JS
SSG PAGES
CASE STUDIES
SEO / SITEMAP
04 · LOOMDEV Portfolio · © 2026
LIVE · loomdev.vercel.appمساله
- پورتفولیوی معمولی با کارت‌های آماده، من واقعی را نشان نمی‌داد.
- محتوای فارسی و انگلیسی به‌درستی ایندکس نمی‌شد.
رویکرد
- کل سایت را روی روایت بنا کردم؛ هر پروژه یک داستان مستقل است، نه یک کارت.
- مسیرهای زبانی /fa و /en را با متادیتای جدا برای هر زبان پیاده کردم تا سئوی هر دو درست باشد.
معماری
- Next.js App Router با تولید استاتیک برای سرعت.
- داده پروژه‌ها تایپ‌شده در TS، به‌همراه متادیتا و sitemap برای هر زبان.
فناوری
- Next.js / TypeScript
- React + Tailwind v4
- Motion
- i18n routing
چالش‌ها
- هماهنگ نگه داشتن راست‌چین و چپ‌چین بدون شکستن طراحی.
- سبک نگه داشتن انیمیشن‌ها روی دستگاه‌های ضعیف و در حالت reduced-motion.
نتیجه
- سایتی سریع و استاتیک با تجربه کامل دو زبانه.
- همه پروژه‌ها با روایت case-study.