Open Source e-commerce: Medusa starter template
A Medusa starter template build with Nuxt 3, unfortunately unmaintained for now.
Introduction
Unfortunately, this project is no longer maintained due to lack of time and a shift to the React ecosystem on my side.
This project is storefront template for Medusa, built with Nuxt 3.
It features products view with filters, product details and a shopping cart. More features were planned but because the project is unmaintained, the project remains unfortunately quite incomplete.
This project was fully frontend focused, powered by those technologies:
Check out the GitHub repository!
Purpose and Goal
When I first discovered Medusa, I was coding with Vue and Nuxt. However, official templates only included Gatsby and Next.js.
My ambition was to create a fully featured and nice looking template for Nuxt 3, equivalent of the official Next.js one. It was also an opportunity to learn how to create e-commerce sites.
Spotlight: state management and stores
This web app was one of the first to require complex state management. I had only been using Vuex and the official default was now Pinia.
The goal was pretty simple: translate the React Contexts into Pinia stores.
Being used to the Vuex mental model, I started using Options Stores but eventually switched to Setup Stores, which make more sense in Vue 3.
I encountered small issues with TypeScript but that was because I lacked experience.
In the end, DX was really good!
Current status
Unfortunately, this project is no longer maintained due to lack of time and a shift to the React ecosystem on my side.
Lessons Learned
I learned a few things while doing this template:
- Deal with complex state management
- Understand React Context
- Get started with Medusa