Deploying a Nuxt.js Store on BigCommerce

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

Nuxt.js is an open-source, serverless framework was created to build fast, complex isomorphic applications quickly. Nuxt.js handles the complex pre-coding configuration and UI rendering for your app, so that developers can focus on writing code and is based on multiple frameworks including Vue.js, Node.js, Webpack and Babel.js. Additional benefits of this solution 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.

BigCommerce is a popular eCommerce platform for small or enterprise size businesses. It offers a multitude of both free and paid customizable templates for their traditional server-rendered frontend. Core features include 12 free templates, a drag-and-drop page builder, a built-in content management system (CMS) with SEO feature, image optimization tools along with the ability to tweak HTML and CSS.

BigCommerce has a variety of APIs that let you manage store data and make client-side queries for product information including REST, Storefront, and GraphQL. For performance, the commerce cloud has a few features that help businesses deliver a fast and optimized shopping experience. Akamai Image Manager is included with Stencil themes, which will automatically optimize each uploaded image for the best combination of size, quality, and file format suited for each image and device. There are also a few key built-in SEO features, such as AMP support and the ability to create short URLs. Additionally, BigCommerce supports SSR via the Next.js Commerce Integration and provides the ability to build a headless frontend based on APIs.

Layer0 lets you deliver Nuxt.js stores on BigCommerce for sub-second speeds with every load. The average website on Layer0sees median page loads of 399ms, measured by Largest Contentful Paint (LCP), one of the three critical Core Web Vitals. Layer0 is much more than a website accelerator . It's known as the Jamstack platform for eCommerce websites. Layer0makes websites faster for users and simpler for frontend developers to maintain. Built specifically for large-scale, database-driven websites such as eCommerce and Travel, it brings 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 BigCommerce store will run in sub-second speeds and your developers will be empowered to control edge caching and reduce rework.

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