Back to projects
Tablet · 820×1180 
Mobile · 390×844
04
This site · brand, systems & storytelling
LOOMDEV Portfolio
The site you're on right now: a personal portfolio with a full Persian/English experience, a dark technical design and case-study-first storytelling.
Role
Designer & Developer
Stack
- 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
2026AI's role in this project AI-assisted
AI-assisted coding was used in parts of the build; design, structure and final decisions are mine.
Responsive
Same project, three viewports. Desktop, tablet and phone captures.
●Desktop · 1280×800
2026High-level architecture
USER
NEXT.JS
SSG PAGES
CASE STUDIES
SEO / SITEMAP
04 · LOOMDEV Portfolio · © 2026
LIVE · loomdev.vercel.appTHE PROBLEM
- A generic card-based portfolio wouldn't show who I really am.
- Persian and English content wasn't properly indexable.
THE APPROACH
- I centered the site on narrative; every project is a standalone story, not a card.
- I built /fa and /en language routes with per-language metadata so both index correctly.
THE ARCHITECTURE
- Next.js App Router with static generation for speed.
- Typed project data in TS, plus per-language metadata and sitemap.
THE TECHNOLOGY
- Next.js / TypeScript
- React + Tailwind v4
- Motion
- i18n routing
THE CHALLENGES
- Keeping RTL and LTR consistent without breaking the design.
- Keeping motion cheap on low-end devices and under reduced-motion.
THE RESULT
- A fast, static site with a full bilingual experience.
- Real projects and concepts, all told as case studies.