Skip to main content

Building an e-commerce web store with Nuxt

The "Building an E-commerce Web Store with Nuxt" workshop is designed to provide participants, both new and experienced JavaScript developers, with comprehensive insights into creating robust and scalable e-commerce web stores using Nuxt 3. Nuxt, a progressive JavaScript framework, empowers developers to build high-performance web applications while leveraging the power of Vue.js and the versatility of server-side rendering.

Throughout the workshop, participants will embark on an immersive journey, delving into the key concepts and practical techniques required to develop a fully functional e-commerce web store. By harnessing the capabilities of Nuxt 3, attendees will gain hands-on experience in implementing cutting-edge features and best practices to create a seamless online shopping experience.

Key Workshop Topics:

1. Introduction to Nuxt 3: Participants will familiarize themselves with the latest features and enhancements in Nuxt 3, exploring its capabilities in building modern web applications.

2. Setting Up an E-commerce Project: Attendees will learn how to set up a new project using Nuxt, configuring essential components such as routes, layouts, and plugins.

3. Vue.js and Nuxt Essentials: Participants will gain a solid foundation in Vue.js and Nuxt essentials, including components, templates, directives, and state management.

4. Building Dynamic Pages: The workshop will cover dynamic page creation, enabling participants to generate product pages, category listings, and search functionality.

5. Implementing User Authentication: Attendees will learn how to implement secure user authentication using Nuxt's built-in authentication modules or external services like Firebase.

6. Managing State with Vuex: Participants will discover the power of Vuex for managing application state, including shopping cart functionality, order tracking, and user preferences.

7. Optimizing Performance: The workshop will explore performance optimization techniques, such as lazy loading, code splitting, caching, and server-side rendering, to ensure fast and efficient e-commerce websites.

8. Integrating Payment Gateways: Attendees will learn how to integrate popular payment gateways, such as Stripe or PayPal, enabling secure and seamless transactions within the web store.

9. Deploying and Scaling: The workshop will cover the deployment process, including strategies for scaling an e-commerce web store to handle increasing traffic and ensuring high availability.

By the end of the workshop, participants will have gained the knowledge and practical skills necessary to build their own feature-rich e-commerce web stores using Nuxt 3. Whether you are a beginner or an experienced JavaScript developer, this workshop offers a comprehensive learning experience that will empower you to create robust and scalable e-commerce solutions.

Prerequisites and preparation

  1. Cloning the workshop starter repo at
  2. Creating a free account with Supabase ( - also free to create with a GitHub account.
  3. Have both Node.js and NPM installed on their workstations.
Stephen K. Meya

Stephen K. Meya

Engineering Manager, Finland
A Software Architect, Engineering Lead and an international Tech Speaker, working as a Software Engineering Manager at Phorest and consulting as a Front-end Architect at BCaster.

To make this website run properly and to improve your experience, we use cookies. For more detailed information, please check our Cookie Policy.

  • Necessary cookies enable core functionality. The website cannot function properly without these cookies, and can only be disabled by changing your browser preferences.