React and Next.js Developer

Company Overview

Founded in Dubai in 2016, SQUATWOLF is a gymwear brand made for athletes who push limits, in and out of the gym. What started in the Middle East has grown into a global movement, with customers in 100+ countries. We’re on a mission to elevate the human experience through high-performance gear that drives strength, progress, and purpose.

As we level up, we’re building a bold, creative team that’s hungry to make an impact. If you're ready to shape the future of gymwear and be part of something powerful, you’re in the right place.

SQUATWOLF.COM

Role Overview

We are seeking a highly skilled React and Next.js Developer to join our team. The ideal candidate will have strong expertise in building fast, scalable, and user-friendly web applications using React.js and Next.js. You will be responsible for developing, optimizing, and maintaining modern web applications while working closely with designers, backend developers, and product managers.

Key Responsibilities

- Develop and maintain high-performance, scalable, and reusable front-end components using React.js 18 and Next.js.

• Build modular and reusable code using functional components and hooks
• Follow component-driven development practices
• Ensure code reusability across multiple pages and projects
• Utilize TypeScript where applicable for improved type safety

- Optimize applications for speed, SEO, and performance, leveraging Next.js capabilities like SSR (Server-Side Rendering) and SSG (Static Site Generation).

• Implement pre-rendering strategies for optimal page load speed
• Use dynamic imports and lazy loading to improve performance
• Configure meta tags and structured data for SEO
• Utilize Next.js Image component for responsive, optimized images

- Work with backend developers to integrate RESTful APIs and GraphQL endpoints.

• Collaborate on API contract definitions
• Implement error handling and loading states
• Manage data fetching with SWR or React Query
• Handle authentication tokens and secure API calls

- Implement responsive and pixel-perfect UI/UX designs using Tailwind CSS, Styled Components, or other CSS frameworks.

• Translate Figma or Adobe XD designs into clean, responsive interfaces
• Use Tailwind utility classes for consistent styling
• Maintain design consistency across all screen sizes
• Leverage design tokens or themes where applicable

- Ensure cross-browser and cross-device compatibility.

• Test UIs on major browsers (Chrome, Firefox, Safari, Edge)
• Optimize layouts for mobile, tablet, and desktop
• Use responsive design breakpoints and accessibility standards
• Fix layout bugs and style inconsistencies across devices
• Write clean, maintainablem and

- Write clean, maintainable, and well-documented code following best practices

• Follow linting and formatting rules (e.g., ESLint, Prettier)
• Write modular, readable code with clear structure
• Maintain inline comments and documentation for components
• Adhere to Git and version control best practices

- Debug and fix performance issues, optimize rendering, and improve application responsiveness.

• Use Chrome DevTools and Lighthouse for performance audits
• Profile components to identify rendering bottlenecks
• Reduce unnecessary re-renders using memoization and selectors
• Optimize images, scripts, and static assets

- Participate in code reviews, provide feedback, and mentor junior developers.

• Review pull requests for readability, performance, and scalability
• Share best practices and reusable solutions
• Pair-program with junior developers for knowledge sharing
• Foster a culture of continuous improvement and learning

- Collaborate with designers, product managers, and other engineers to ship high-quality features.

• Attend sprint planning, daily stand-ups, and retrospectives
• Break down tasks from product specs into implementable stories
• Provide feasibility input during the design phase
• Ensure timely delivery of features with high attention to detail

- Stay up to date with the latest trends in React, Next.js, and front-end development.

• Explore new tools and libraries in the React/Next.js ecosystem
• Attend meetups, webinars, or contribute to internal knowledge sharing
• Suggest improvements or migrations (e.g., moving to app directory in Next.js 13+)
• Continuously refine development practices and performance benchmarks

Required Skills & Qualifications

• 2+ years of hands-on experience in React.js and Next.js development.

• Strong proficiency in JavaScript (ES6+), TypeScript, HTML5, and CSS3.

• Experience with React Hooks, Context API, Redux, or Zustand for state management.

• Solid understanding of Next.js features like SSR, SSG, ISR, API Routes, and Middleware.

• Knowledge of modern UI frameworks like Tailwind CSS, Ant Design, or Material-UI.

• Experience integrating RESTful APIs and GraphQL.

• Understanding of SEO principles and performance optimization techniques in Next.js.

• Experience with version control using Git (GitHub, GitLab, or Bitbucket)