Deploying a Nuxt.js Store on commercetools

Deliver a sub-second Nuxt.js website on commercetools with Layer0

Nuxt.js is an open-source, serverless framework based on multiple frameworks including Vue.js, Node.js, Webpack and Babel.js. Created to build fast, complex isomorphic applications quickly. The framework handles the complex pre-coding configuration and UI rendering for your app, so that developers can focus on writing code. Additional benefits of Nuxt.js include automatic code-splitting, page caching and prefetching, bundling, and static site generation.

Nuxt.js is fully capable of delivering the speedy websites that consumers demand. We performed a study to discover which modern frontend framework delivers the fastest websites and found Nuxt.js leads the pack, in front of React, Angular, Vue.js and Next.js. Layer0 is proud to be a Nuxt.js sponsor to help promote modern, open-source frameworks working to facilitate a faster Web.

commercetools is an API-first, microservice-backed, cloud-based eCommerce platform. This platform is known for transforming enterprise websites into a modern, headless commerce architecture quickly. By separating the frontend presentation from the backend functionality, more functionality is given to developers and a more seamless shopping experience is given to customers across all digital touchpoints. The platform offers a proprietary frontend names SUNRISE Starter Project and a robust API available named commercetools API. The API has a catalogue of 300+ endpoint which allow the platform to offer a modular, customizable architecture. While commercetools offers some the best APls among the leading eCommerce platforms, it does not run JavaScript or AMP server-side. To their credit, however, the platform recognizes that Sunrise Starter framework is limited and support free open-source third-party frameworks as well.

Layer0 lets you deliver a sub-second Nuxt.js storefront on commercetools in a matter of hours. Websites on Layer0 deliver median page loads of 320ms, as measured by Largest Contentful Paint (LCP), a critical metric for search engine ranking. However, Layer0 is much more than a website accelerator. It is a Jamstack platform for eCommerce. Layer0 makes websites faster for users and simpler for frontend developers to maintain. The platform was built specifically for large-scale, database-driven websites, such as eCommerce and Travel, and provides the following benefits: 

  • Jamstack for eCommerce via both pre and just-in-time rendering
  • Zero latency networking via prefetching of data from your product catalog APIs
  • An edge that can be configured natively in your Nuxt.js app (CDN-as-JavaScript)
  • Edge rules that can run locally, in pre-production and production environments  
  • Automated, full-stack preview URLs from GitHub, GitLab, or Bitbucket with every new branch and push
  • Performant split tests at the edge and A/B tests that do not slow down the site, canary deploys, and personalization
  • Serverless JavaScript that is much easier and more reliable than AWS Lambda

With Layer0, your Nuxt.js commercetools store will run in sub-second speeds and your developers will be empowered to control edge caching and reduce rework using the various developer productivity tools that come with the platform.

Check out Shaper Image, a commercetools website delivering sub-second page loads on Layer0. "Everyone here has commented on how blazing fast our site is" -Mihaela Mazzenga, CTO at Sharper Image

If you're currently using Nuxt.js, use the this guide to deploy your Nuxt.js application on Layer0 and get sub-second loads in as little as 1 hour of work. 

Deploy in minutes

Moovweb XDN works with all frontends
Deploy freeTakes 2 minutes