2020-06-04
2219
#ecommerce#vue
Peter Ekene Eze
19790
Jun 4, 2020 ⋅ 7 min read

How to build an ecommerce site with Strapi, Vue.js, and Flutterwave

Peter Ekene Eze Learn, Apply, Share

Recent posts:

7 Common CSS Navigation Menu Mistakes And How To Fix Them

7 common CSS navigation menu mistakes and how to fix them

Navigation menu errors are common, even for seasoned developers. Learn seven common navigation menu errors and how to solve them using CSS.

Temitope Oyedele
Jun 13, 2025 ⋅ 6 min read
Comparison between TanStack Start and Next.js — two modern full-stack React frameworks with different architectural approaches.

TanStack Start vs. Next.js: Choosing the right full-stack React framework

TanStack Start vs. Next.js: both are powerful full-stack React frameworks, but they take fundamentally different approaches to architecture, routing, and developer experience. This guide breaks down their core features from SSR and data fetching to TypeScript support and deployment, to help you choose the right tool for your next React project.

Abiola Farounbi
Jun 12, 2025 ⋅ 8 min read
Angular v20 might seem boring…here are 5 reasons it’s not

Angular v20 might seem boring — Here are 6 reasons it’s not

While it may seem like a maintenance update, Angular v20 is packed with practical, production-ready upgrades that will enable us to build apps faster and with more confidence.

Yan Sun
Jun 12, 2025 ⋅ 8 min read
vibe based ui building with google stitch

Vibe-based UI building with Google Stitch — Is this the future of frontend?

Build a responsive, multi-page e-commerce site with Stitch, Google’s new AI-powered UI design and development tool.

Emmanuel John
Jun 11, 2025 ⋅ 29 min read
View all posts

9 Replies to "How to build an ecommerce site with Strapi, Vue.js, and Flutterwave"

  1. Hey you missed a part about the Roles & Permissions, without updating them, the endpoint throws a forbidden error 😛

  2. Hi Ekene,
    Thank you so much for this tutorial.
    I’m having a problem in payment connecting to flutterwave. It says Invalid public key passed even if i input the correct public key.
    This is the error in my network:{“status”:”error”,”message”:”Invalid public key passed”,”data”:{“code”:”INV_PUBK”,”message”:”Invalid public key passed”}}

    I suspect it’s something related to https://ravemodal-dev.herokuapp.com/v3.js connecting to flutterwave. Any idea on how to solve this? Thanks in advance.

    Regards,
    Saf

  3. All this sounds good, but how about adding payment valuation on our side? Flutterwave knows nothing about product prices and it means all the orders will be needed to be controlled manually.
    Ideally we should after popup close check on our server side if the payment was successful and here the mist interesting part begins: how easy is to setup connection from it to flutterwave and validate order?

  4. I think Someone can change the Flutterwave requested price, from the js console. How do i ascertain that a user payed the intended price?

    Thanks

  5. Hi Bogdan, very nice points you raised there. However, this post is only but an introduction to these tools, not necessarily an in-depth exposition of their features.

    The demo used in the post is also just “a demo”. Flutterwave handles payment validation and verification in a lot of ways. I’m sure you’ll find more if you look at the docs here https://developer.flutterwave.com/v3.0/docs/transaction-verification.

    In this post, I used the Flutterwave inline method, you can read more about it here https://developer.flutterwave.com/v3.0/docs/flutterwave-inline. You can also integrate via APIs https://developer.flutterwave.com/v3.0/docs/card-payments-1 It gives you more flexibility on how you handle processes and validation. Maybe some time we can deal with it in detail

Leave a Reply