Book Image

ASP.NET Core 2 and Vue.js

By : Stuart Ratcliffe
5 (1)
Book Image

ASP.NET Core 2 and Vue.js

5 (1)
By: Stuart Ratcliffe

Overview of this book

This book will walk you through the process of developing an e-commerce application from start to finish, utilizing an ASP.NET Core web API and Vue.js Single-Page Application (SPA) frontend. We will build the application using a featureslice approach, whereby in each chapter we will add the required frontend and backend changes to complete an entire feature. In the early chapters, we’ll keep things fairly simple to get you started, but by the end of the book, you’ll be utilizing some advanced concepts, such as server-side rendering and continuous integration and deployment. You will learn how to set up and configure a modern development environment for building ASP.NET Core web APIs and Vue.js SPA frontends.You will also learn about how ASP.NET Core differs from its predecessors, and how we can utilize those changes to our benefit. Finally, you will learn the fundamentals of building modern frontend applications using Vue.js, as well as some of the more advanced concepts, which can help make you more productive in your own applications in the future.
Table of Contents (15 chapters)

Adding products to the cart

The first piece of functionality our cart needs is to allow users to add their chosen product variants to it. Thinking about how this will be invoked from the UI, there are two things that could happen when a user clicks the Add to cart button from the product details page. First, if the chosen product variant does not yet exist in the cart, a new cart item is pushed to the array; second, if there is already a matching variant in the cart, we need to increment its quantity.

Creating the mutations

Now, we could create a single mutation that contains the logic required to work out whether the selected product variant already exists in the cart or not, then either push a new item or update an existing...