FULL STACK Developer - NextJS + Spring Boot

Key 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.

Technical 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.

1. 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.

2. 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.

3. 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.

4. 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.

5. 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.

6. 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.