About This Role
Leading the frontend development, this role focuses on the quality, performance, security, accessibility, and operational health of the frontend. You will work closely with various development teams, including frontend, backend, Sitecore, DevOps, UX, QA, and product teams.
Responsibilities
- Make and document architectural decisions
- Evaluate trade-offs
- Conduct design and code reviews
- Mentor developers
- Establish engineering best practices across the team
- Lead the initial setup and configuration of a Sitecore JSS and Next.js TypeScript project
- Integrate Next.js frameworks like SSR (Server-Side Rendering), SSG (Static Site Generation), and ISG (Incremental Static Regeneration) for optimal performance and scalability
- Set up and configure build tools, CI/CD pipelines, and development environments
- Develop dynamic and responsive user interfaces using React, TypeScript, SCSS, and Sitecore JSS
- Ensure seamless integration with the Sitecore Experience Editor for editing content in real-time
- Implement reusable components, hooks, and React state management libraries
- Write and maintain unit tests using the Jest framework to ensure code quality
- Implement end-to-end testing to cover UI and API integration
- Collaborate with QA to ensure comprehensive test coverage
- Optimize frontend performance by leveraging Next.js best practices, including code-splitting and lazy-loading
- Implement a robust Content Security Policy (CSP) and maintain high security standards for client-side rendering
- Optimize the project for SEO using best practices in SSR and SSG
- Work closely with backend developers to ensure seamless API integration and data flow
- Collaborate with UI/UX designers to translate design mockups into high-quality code
- Participate in code reviews and collaborate in an Agile development environment
Requirements
- Proficient in React, Next.js, TypeScript, SCSS and HTML5
- Strong understanding of Server-Side Rendering (SSR), Static Site Generation (SSG), and Incremental Static Regeneration (ISG)
- Proven experience designing frontend architecture from scratch, defining project structure, component architecture, coding standards, state-management strategy, API/data-access patterns, error handling, logging, and observability
- Strong Next.js architecture knowledge: Beyond SSR/SSG/ISR, experience with routing, caching/revalidation, server/client component boundaries where applicable, middleware, authentication, error handling, image/font optimization, and production deployment considerations
- 6-8 years of practical experience using above technologies
