# Relaunch of Rye and Beyond

> We're so happy to say we have launched a rebuild of Rye and Beyond; it's been a fun project to do. Over this blog post, we will explain why we rebuilt it and go into a little bit of the hows. 😊

Source: https://pixelhop.io/writing/relaunch-of-rye-and-beyond/

---

[Back to writing](https://pixelhop.io/writing/)

# Relaunch of Rye and Beyond.

Gemma / 05 Oct 2021

[Vue.js](https://pixelhop.io/writing/tags/vue-js/) [Strapi](https://pixelhop.io/writing/tags/strapi/)

We're so happy to say we have launched a rebuild of Rye and Beyond; it's been a fun project to do. Over this blog post, we will explain why we rebuilt it and go into a little bit of the hows. 😊

We had a chat with Rye and Beyond, and there were a couple of things they wanted to make changes to or add to their site. Whilst they were at it, we added a couple of things to future proof the site. These included:

- Adding internationalisation
- Making the CMS easier to use
- Moving to Nuxt to enable us to update the site to Vue 3 when possible
- Improving the performance of their site

Rye and Beyond have many people from countries in Europe looking to come to Sussex and stay in their vibrant and welcoming holiday homes, and they wanted to make it easier for them to book. With the increasing popularity of people visiting the areas overseas, Rye and Beyond felt it essential to add internationalisation to the website - so that's exactly what they asked us to do 🎉.

As well as wanting an internationalised website, there were some other frustrations they had with their old Netlify CMS- one being unable to upload multiple images at once. Images are an essential part of Rye and Beyond to showcase their beautiful properties. However, the image sizes are often relatively large and take a while to upload; therefore, finding any time-saving step important, multiple image uploads was necessary for them. Here's a video of the language switcher:

We decided it was best to rebuild the website and move from Netlify CMS to [Strapi](https://strapi.io/) to support internationalisation and a better content editing experience. The timing was perfect as Strapi had just released a new update that included internationalisation. We did a blog post tutorial on how to achieve this a little while ago that can be found on our website [here](https://www.pixelhop.io/writing/creating-an-internationalised-site-with-strapi-and-nuxt/). We used the Nuxt Strapi [plugin](https://strapi.nuxtjs.org/) and the Nuxt Internationalisation [plugin](https://i18n.nuxtjs.org/). They were straightforward to use together, and internationalisation is such a big job to do, so we were grateful for the help of these great plugins 🎉 😊.

We kept the design the same for the most part, a few minor improvements here and there but nothing too significant. We are also still utilising [Smoobu](https://www.smoobu.com/en/%29) booking system API. Smoobu is a booking management system, and it keeps all of the big online marketplaces for holiday homes like Airbnb, [booking.com](https://www.booking.com/%29) etc., in sync.

We also moved away from Gridsome to Nuxt, so whilst we kept the design the same, this did not mean we could utilise the frontend. So we thought we might as well rebuild it whist doing everything else. It made sense to move to Nuxt because we are trying to streamline the tools and tech we use at Pixelhop. Nuxt has released a new version with Vue 3; hopefully, we will easily update to Vue 3, which we are keen to get all of our sites on where possible.

The performance has improved hugely; if you've read many (any 😂) of our blog posts, you'll know how passionate we are about building sites using the JAMStack for optimum performing websites. The original site was performant initially, but it soon needed more thought, love, and attention as there are many images. Now that Google has changed its search ranking algorithm, it has made it even more critical for clients to have performant websites because a slow site now directly affects your search ranking. We're secretly glad they altered their algorithm because it's something we've been passionate about for years.

Overall we are all delighted with the rebuild; originally, their site was built by Zef and in a bit of a rush to get something up, so we are thrilled to have something more futureproof that can grow with them. It was nice to utilise Strapi's new features as soon as it was on the shelf.

Thank you so much for reading and if you have any feedback or questions, feel free to get in touch 🙂

### 0 Responses

[Web Mentions?](#)

Want to respond? [Tweet this post!](https://twitter.com/intent/tweet?via=pixelhopio&text=Relaunch of Rye and Beyond&url=https://pixelhop.io/writing/relaunch-of-rye-and-beyond/)

### Tags

[WebAR](https://pixelhop.io/writing/tags/webar/) [Hop Tips](https://pixelhop.io/writing/tags/hop-tips/) [Nuxt](https://pixelhop.io/writing/tags/nuxt/) [AI](https://pixelhop.io/writing/tags/ai/) [Typescript](https://pixelhop.io/writing/tags/typescript/) [Snipcart](https://pixelhop.io/writing/tags/snipcart/) [Be the Forest](https://pixelhop.io/writing/tags/be-the-forest/) [Gridsome](https://pixelhop.io/writing/tags/gridsome/) [TensorFlowJs](https://pixelhop.io/writing/tags/tensorflowjs/) [JAMstack](https://pixelhop.io/writing/tags/jamstack/) [Kubernetes](https://pixelhop.io/writing/tags/kubernetes/) [News](https://pixelhop.io/writing/tags/news/) [Side projects](https://pixelhop.io/writing/tags/side-projects/) [stack.earth](https://pixelhop.io/writing/tags/stack-earth/) [Strapi](https://pixelhop.io/writing/tags/strapi/) [Node.js](https://pixelhop.io/writing/tags/node-js/) [Tailwind UI](https://pixelhop.io/writing/tags/tailwind-ui/) [Vue.js](https://pixelhop.io/writing/tags/vue-js/) [Three.js](https://pixelhop.io/writing/tags/three-js/) [VuePress](https://pixelhop.io/writing/tags/vuepress/) [Spicy Tips](https://pixelhop.io/writing/tags/spicy-tips/) [Design](https://pixelhop.io/writing/tags/design/) [Business](https://pixelhop.io/writing/tags/business/) [Development](https://pixelhop.io/writing/tags/development/) [AI](https://pixelhop.io/writing/tags/ai/)

### Subscribe.

Like what you’re reading? Sign up to receive our updates straight to your inbox. No spam, unsubscribe anytime!

### Related posts.

[All writing](https://pixelhop.io/writing/)

[Vue.js](https://pixelhop.io/writing/tags/vue-js/)

16 Feb 2023

#### Building an animated SVG logo with animejs

This is the second part of our tutorial series, where we create a real-time game using supabase and Vue. In this part, we will learn how to create a fancy cyberpunk-style animated logo using SVGs and anime.js. If you haven't already, check out the first post in the series, so you know what we are making!

[Read more](https://pixelhop.io/writing/building-an-animated-svg-logo-with-animejs/)

[Vue.js](https://pixelhop.io/writing/tags/vue-js/)

03 Feb 2023

#### Build a real-time game with Supabase and Vue

In this tutorial series, we'll build a real-time game using Supabase and Vue with loads of cool little details and polish using a cyberpunk style design. For the first part of the tutorial, we will set up our project and implement some of the basic styles.

[Read more](https://pixelhop.io/writing/build-a-real-time-game-with-supabase-and-vue/)

[Nuxt](https://pixelhop.io/writing/tags/nuxt/) [Strapi](https://pixelhop.io/writing/tags/strapi/) [Snipcart](https://pixelhop.io/writing/tags/snipcart/)

19 Jan 2022

#### Building a JAMstack shop with Strapi 4, Nuxt 3, Snipcart - part 4

This is part four in our series on how to create a JAMStack e-commerce site with Nuxt 3, Strapi 4 and Snipcart. We will line all the dots up and connect our shop to Snipcart.

[Read more](https://pixelhop.io/writing/building-a-jamstack-shop-with-strapi-4-nuxt-3-snipcart-part-4/)
