At a Glance
- Tasks: Create stunning user interfaces and optimise web performance using React and Next.js.
- Company: Join Ocean Infinity, a forward-thinking tech company with a collaborative vibe.
- Benefits: Enjoy a competitive salary, health perks, remote work options, and growth opportunities.
- Other info: Mentor junior developers and thrive in a dynamic, fast-paced environment.
- Why this job: Be at the forefront of web development and make a real impact with your skills.
- Qualifications: 5+ years in software development, strong React and TypeScript skills required.
The predicted salary is between 52000 - 65000 € per year.
About the Role
Ocean Infinity is seeking a Senior Frontend Developer who understands the web development process from inception to deployment, stays current with industry trends, and embraces modern AI-assisted development workflows. The ideal candidate is passionate about crafting exceptional user interfaces and delivering polished, high-performance web experiences. The role reports to a Web Team Lead and is a key player within the group, providing guidance and technical expertise to the web development team.
What Will You Do
- Develop responsive, accessible and high-performance user interfaces using React and Next.js (App Router)
- Build and maintain reusable UI component libraries using Tailwind CSS and Shadcn/UI
- Implement state management patterns and client-side data fetching strategies (React Server Components, tRPC, React Query)
- Leverage AI-assisted development tools (Cursor AI, Claude AI or similar) to accelerate coding workflows, code reviews and problem-solving
- Collaborate closely with backend engineers to integrate APIs and define data contracts
- Ensure cross-browser compatibility, responsive design and adherence to web accessibility standards (WCAG)
- Follow development and quality best practices, but be critical if you believe they can be improved
- Implement the integration of different systems and current solutions and identify opportunities for improvements
- Explain technical solutions to both engineering and non-technical stakeholders
- Contribute to frontend architecture decisions, performance optimisation and bundle management
- Take responsibility for making sound technical engineering decisions
- Mentor junior team members by guiding them and providing constructive feedback
Who You Are (Required)
- Degree in Computer Science, Information Technology or related field
- 5+ years’ experience with software development life cycles and release cycles
- Proven experience creating UI components and single-page web applications using React
- Strong proficiency with TypeScript in frontend development
- Experience with Next.js and its rendering strategies (SSR, SSG, ISR, React Server Components)
- Solid understanding of modern CSS, including Tailwind CSS utility‑first methodology
- Good understanding of REST API principles and experience consuming backend services
- Experience working with complex data structures and client‑side state management
- Proficiency with Git and collaborative code versioning workflows
- Hands‑on experience with AI‑powered development tools (Cursor AI, Claude AI, GitHub Copilot or similar)
- Familiar with basic web application security concepts (XSS, CSRF, CSP, authentication flows)
- Understanding of web performance optimisation techniques (Core Web Vitals, lazy loading, code splitting)
- Ability to take ownership and engagement in the team’s work
- Driven, proactive and able to work autonomously with little supervision
- Excellent time management skills and ability to prioritize work in a fast‑paced environment
- Critical thinking and ability to show initiative
Desirable
- Fluency in English (spoken and written)
- Experience with tRPC, Tailwind CSS
- Experience with Shadcn/UI component library
- Experience working with real‑time data and WebSockets
- Familiarity with backend technologies based in Node.js
- Experience with ORMs such as Drizzle or Prisma
- Experience with testing frameworks (Jest, Playwright, Vitest, React Testing Library)
- Experience with CI/CD pipelines and deployment workflows
- Knowledge of design systems and experience collaborating with UX/UI designers (Figma)
Our Tech Stack
- Framework: Next.js (via create‑t3‑app)
- Language: TypeScript
- API Layer: tRPC
- Styling: Tailwind CSS + Shadcn/UI
- Version Control: Git
- AI Tooling: Cursor AI, Claude AI
Salary
Porto - up to €65000 UK - Based on experience
Senior Frontend Engineer employer: Ocean Infinity
Ocean Infinity is an exceptional employer that fosters a collaborative and innovative work culture, making it an ideal place for a Senior Frontend Engineer to thrive. With a strong emphasis on employee growth, the company offers opportunities to mentor junior team members and engage with cutting-edge AI-assisted development tools, all while working in a dynamic environment that values creativity and technical expertise. Located in Porto or the UK, employees benefit from competitive salaries and a commitment to maintaining high standards in web accessibility and performance.
StudySmarter Expert Advice🤫
We think this is how you could land Senior Frontend Engineer
✨Tip Number 1
Network like a pro! Reach out to your connections in the industry, attend meetups, and engage with online communities. You never know who might have the inside scoop on job openings or can refer you directly.
✨Tip Number 2
Show off your skills! Create a portfolio that highlights your best work, especially projects using React and Next.js. Make sure it’s easy to navigate and visually appealing – first impressions matter!
✨Tip Number 3
Prepare for interviews by brushing up on your technical knowledge and soft skills. Practice explaining your thought process and solutions clearly, as you'll need to communicate effectively with both technical and non-technical folks.
✨Tip Number 4
Don’t forget to apply through our website! We love seeing candidates who are genuinely interested in joining us at StudySmarter. Tailor your application to show how your experience aligns with our needs.
We think you need these skills to ace Senior Frontend Engineer
Some tips for your application 🫡
Show Off Your Skills:When you're writing your application, make sure to highlight your experience with React, Next.js, and TypeScript. We want to see how you've used these technologies in real projects, so don’t hold back on the details!
Tailor Your Application:Take a moment to customise your application for this role. Mention specific projects where you’ve built responsive user interfaces or worked with AI-assisted tools. This shows us you’re genuinely interested and have the right experience.
Be Clear and Concise:Keep your application straightforward and to the point. Use clear language to explain your technical skills and experiences. We appreciate a well-structured application that’s easy to read!
Apply Through Our Website:Don’t forget to submit your application through our website! It’s the best way for us to receive your details and ensures you’re considered for the role. We can’t wait to hear from you!
How to prepare for a job interview at Ocean Infinity
✨Know Your Tech Stack Inside Out
Make sure you’re well-versed in Next.js, React, and Tailwind CSS. Brush up on the latest features and best practices, especially around SSR and SSG. Being able to discuss your experience with these technologies confidently will show that you're not just familiar but truly knowledgeable.
✨Showcase Your Problem-Solving Skills
Prepare to discuss specific challenges you've faced in previous projects, particularly around state management and API integration. Use examples that highlight your critical thinking and how you leveraged AI tools to enhance your workflow. This will demonstrate your ability to tackle real-world problems effectively.
✨Emphasise Collaboration and Mentorship
Since this role involves guiding junior team members, be ready to share your experiences mentoring others. Talk about how you’ve collaborated with backend engineers and non-technical stakeholders to bridge gaps and ensure smooth project execution. This shows you’re a team player who values knowledge sharing.
✨Prepare for Technical Questions
Expect to dive deep into technical discussions, so brush up on web performance optimisation techniques and security concepts. Be prepared to explain your thought process behind architectural decisions and how you ensure cross-browser compatibility. This will showcase your expertise and readiness for the role.
