Secret Escapes Case study
Website
Technical stack
React
Next.JS
GraphQL
TypeScript
Scope of work
Website Development
Industry
Travel & Leisure
CLIENT'S CHALLENGE
- Tailoring a unique solution for the client's specific needs without major financial outlay
- Addressing the limitations of an aging infrastructure, particularly for mobile user engagement
- Enhancing the critical mobile sales page to boost the client's key online resource
- Replacing team members to ensure consistent and on-time project delivery
- Modernizing the design system for easier maintenance and future scalability
Project in numbers
Performance
x3
Improvement
Pagespeed
Green
Metrics
Unique components
30+
Built
OUR SOLUTION
- Developed a bespoke plugin with a serverless architecture that integrated smoothly into the client's existing infrastructure
- Created a proprietary SSR service to markedly improve site performance over the old template system
- Worked in tandem with the client's team, providing expertise and aiding in workflow optimization
- Updated and streamlined the client's design system with over 30 updated components
Technical stack
React
A JavaScript library for building user interfaces that allows developers to create interactive and dynamic web applications efficiently.
GraphQL
A query language and runtime for APIs that allows clients to request only the specific data they need, resulting in more efficient and flexible data retrieval, making it ideal for modern API development.
TypeScript
A statically typed superset of JavaScript that enhances the development experience by adding static type checking.
KEY ACHIEVEMENTS
- Achieved a threefold increase in mobile page performance, significantly enhancing user experience
- Overcame challenges related to the client's outdated infrastructure within existing constraints
- Updated design system code for ease of future reuse and adaptation
- Fostered a collaborative environment, sharing best practices for a refined workflow
- Established the new solutions as the main rendering tool for all mobile users.
Team behind the project
Alex Hramovich
Technical Lead
Roman Savarin
Senior Engineer
Related articles:
-
Recap of Next.js 14 Announcement and 2023 Conference Highlights
Our team have closely followed the Next.js Conf 2023 live stream and we've picked few of our favourite talks to recap. We'll dive deep into the Next.js 14 release, exploring the newest trends and techniques that are poised to shape the future of web development.
-
Nextjs & Storyblok image optimization
This comprehensive two-part article explores the critical role of image optimization in web development. In the first part, it underscores the profound impact of optimized images on user experience and SEO rankings, addressing issues like slow loading, bandwidth consumption, and the importance of faster websites in search results.
-
Setup NextJS app with Linaria, Storybook, and Typescript
In this article, we will show how to start a new modern performance-focused and development-friendly project from scratch.