Wednesday, 4 July, 2018 UTC
Summary
This tutorial is part of the « Cooking a Deliveroo clone with Nuxt (Vue.js), GraphQL, Strapi and Stripe »:
- 👋 Intro
- 🏗️ Setup (part 1)
- 🏠 Restaurants (part 2)
- 🍔 Dishes (part 3)
- 🔐 Authentication (part 4)
- 🛒 Shopping Card (part 5) - current
- 💵 Order and Checkout (part 6)
- 🚀 Bonus: Deploy (part 7)
- 👏 Conclusion
Note: the source code is available on GitHub: https://github.com/strapi/strapi-examples/tree/master/nuxt-strapi-deliveroo-clone-tutorial.
🛒 Shopping card
All of these dishes look so tasty! What if we could add some of them in a shopping card?
First, we create a new store named
card:Path:
store/card.jsTo make sure the items stay in the card across tabs and after page reload, we are also using the cookies. So we also need to update the
nuxtInitServer function:Path:
store/index.jsPath:
pages/restaurants/_id.vueGood job!
💵 In the next section, you will learn how to setup Stripe for checkout and create orders: https://blog.strapi.io/cooking-a-deliveroo-clone-with-nuxt-vue-js-graphql-strapi-and-stripe-order-and-checkout-part-6-7.