My Next.js Journey
I began learning Next.js via Roocket and self-studied further during my military service. I applied my skills in projects at Hira.dev, OnlineSalamat Branding, Dayereh Salamat, SpadPost, Rahabusiness, and my own portfolio here, progressively improving my expertise with both Page Router and App Router.
I created a custom Next.js CLI that scaffolds projects with a modern stack, including:
- Next.js – React framework for production
- TypeScript – Strongly typed JavaScript
- Tailwind CSS – Utility-first CSS
- next-themes – Dark/light mode support
- Redux Toolkit – Modern state management
- Zustand – Lightweight state management
- Axios – HTTP client
- dotenv – Env management
- ESLint + Prettier – Linting & formatting
- Husky + Lint-Staged – Git hooks
- next-seo – SEO utilities
- React Toastify – Notifications
- React Icons – Icons library
My hands-on experience now spans multiple Next.js versions from 10 to the latest, mastering SSR, SSG, ISR, API routes, dynamic routing, and performance optimization, allowing me to build scalable, maintainable, and SEO-friendly applications.