FULL STACK DEVELOPER - NextJS + Spring Boot

Brief DescriptionKey Responsibilities 1. Application Development: Develop and maintain scalable and efficient applications using Next.js for the front end, and Spring Boot for the back end. 2. End-to-End Solution Design: Implement solutions across the entire stack, ensuring smooth data flow between front-end and back-end systems. 3. Migration:Migration of NextJS application to App Router 4. Database Management: Work with PostgreSQL to design, query, and optimise relational data models and manage database transactions. 5. Collaboration & Code Reviews: Work closely with product owners, UX/UI designers, and QA teams to deliver high-quality, testable code. Conduct peer code reviews and ensure adherence to coding standards. 6. Performance Optimization: Focus on performance improvements, identifying bottlenecks, and implementing efficient solutions across both the front-end and back-end systems. 7. CI/CD & Containerization: Contribute to the CI/CD pipeline setup, using tools like Jenkins, GitHub Actions, or similar. Work with Docker for containerization and leverage Kubernetes for deployment when needed. 8. Documentation & Best Practices: Write clear and concise documentation for code and design, follow best practices, and maintain a clean codebase.Preferred SkillsTechnical Skills

1. Core Front-End Technologies a. HTML5: Proficient in semantic markup and accessibility standards. b. CSS3: Strong understanding of Flexbox, Grid, media queries, and CSS pre-processors like SASS/SCSS. c. JavaScript (ES6+): Advanced understanding of modern JavaScript concepts, including async/await, closures, and array methods.
2. Next.js Framework a. Next.js 13 (App Router): b. App Router Fundamentals: In-depth knowledge of the new file-based routing in Next.js 13, including layouts, nested routing, and route groups. c. Server and Client Components: Understanding and efficient use of server and client components to optimize performance and user experience. d. Data Fetching: Proficiency with async server functions and using Next.js hooks like use for integrated data fetching. e. Layouts & Templates: Experience structuring complex applications using layouts and templates to enable consistent UI and reusable components. f. API Routes: Creating and managing serverless API routes using TypeScript.
3. TypeScript a. Static Typing: Building robust applications using TypeScript for error prevention and improved code quality. b. Type Definitions: Creating and managing custom types, interfaces, and enums. c. Type Safety: Ensuring type safety across components, props, and API data.
4. Migration from Pages Router to App Router a. Routing Changes: Understanding the differences between the Pages Router and App Router, including changes in file structure and routing logic. b. Layout Migration: Experience in migrating traditional pages to the App Router with the new layout and component-based architecture. c. Data Fetching Migration: Converting old data fetching methods (getStaticProps, getServerSideProps, getInitialProps) to the new async server components or hooks. d. SEO and Metadata: Adapting SEO settings from the old Pages Router to the new App Router using head and metadata components. e. Optimizations: Leveraging App Router-specific optimizations like parallel and streaming rendering.
5. REST API Integration a. API Requests: Making HTTP requests using fetch, axios, or similar libraries with TypeScript integration. b. Error Handling: Robust error handling strategies for API calls. c. Authentication: Managing token-based authentication (e.g., JWT) with secure API integration. d. Data Parsing: Parsing and type-checking JSON data from APIs.
6. Relational Databases a. SQL: Writing and optimizing queries for relational databases. b. ORM/Database Libraries c. Database Integration: Connecting and managing relational data for full-stack applications. d. Data Modeling: Designing efficient schemas using TypeScript for model definitions.
7. Soft Skills a. Problem Solving: Ability to debug and resolve migration-related and complex issues efficiently. b. Team Collaboration: Working in agile environments, collaborating with designers and developers to refactor codebases smoothly. c. Attention to Detail: Ensuring all migration steps are carefully implemented and tested to maintain app stability. d. Communication: Effectively explaining the migration process and the benefits of the App Router to stakeholders.
8. Additional Experience a. Version Control: Proficient with Git, managing codebases during migration, and using platforms like GitHub. b. Responsive Design: Building and refactoring responsive layouts. c. State Management: Managing app state efficiently during and after migration, with tools like Redux, Zustand, or built-in React hooks. d. Testing: Writing and refactoring unit and integration tests with Jest, React Testing Library, and Cypress to ensure app functionality post-migration.
9. Deployment a. Familiarity CI/CD pipelines using tools like Jenkins, GitLab CI, GitHub Actions, or CircleCI. b. Basic understanding of Kubernetes for container orchestration, deployment, scaling, and management of applications. Experience Required 6+ years of experience in Full Stack web development Salary 16-25 LPA