ASP.NET Core and Vue.js: Build real-world, scalable, full-stack applications using Vue.js 3, TypeScript, .NET 5, and Azure

A guide to building enterprise, cloud-ready full-stack web applications using TypeScript, Vue.js 3, and ASP.NET Core 5 for busy developers

Key Features

• Learn how to implement clean architecture in the latest ASP.NET Core 5 Web API
• Develop Vue.js 3 single-page applications (SPAs) using TypeScript or JavaScript programming and Vuex state management
• Secure, test, and deploy your full-stack web application to Azure Cloud

Book Description

Vue.js 3 is faster and smaller than the previous version, and TypeScript’s full support out of the box makes it a more maintainable and easier-to-use version of Vue.js. Then, there's ASP.NET Core 5, which is the fastest .NET web framework today. Together, Vue.js for the frontend and ASP.NET Core 5 for the backend make a powerful combination. This book follows a hands-on approach to implementing practical methodologies for building robust applications using ASP.NET Core 5 and Vue.js 3. The topics here are not deep dive and the book is intended for busy .NET developers who have limited time and want a quick implementation of a clean architecture with popular libraries.

You’ll start by setting up your web app’s backend, guided by clean architecture, command query responsibility segregation (CQRS), mediator pattern, and Entity Framework Core 5. The book then shows you how to build the frontend application using best practices, state management with Vuex, Vuetify UI component libraries, Vuelidate for input validations, lazy loading with Vue Router, and JWT authentication. Later, you’ll focus on testing and deployment. All the tutorials in this book support Windows 10, macOS, and Linux users.

By the end of this book, you’ll be able to build an enterprise full-stack web app, use the most common npm packages for Vue.js and NuGet packages for ASP.NET Core, and deploy Vue.js and ASP.NET Core to Azure App Service using GitHub Actions.

What you will learn

• Discover CQRS and mediator pattern in the ASP.NET Core 5 Web API
• Use Serilog, MediatR, FluentValidation, and Redis in ASP.NET
• Explore common Vue.js packages such as Vuelidate, Vuetify, and Vuex
• Manage complex app states using the Vuex state management library
• Write integration tests in ASP.NET Core using xUnit and FluentAssertions
• Deploy your app to Microsoft Azure using the new GitHub Actions for continuous integration and continuous deployment (CI/CD)

Who this book is for

This app development book is for .NET developers who want to get started with Vue.js and build full-stack real-world enterprise web applications. Developers looking to build a proof-of-concept application quickly and pragmatically using their existing knowledge of ASP.NET Core as well as developers who want to write readable and maintainable code using TypeScript and the C# programming language will also find this book useful. The book assumes intermediate-level .NET knowledge along with an understanding of C# programming, JavaScript, and ECMAScript.

Table of Contents

1. Getting Started with ASP.NET Core and Vue.js
2. Setting Up a Development Environment
3. Starting Your First ASP.NET Core 5 Project
4. Applying Clean Architecture to an ASP.NET Core 5 Solution
5. Setting Up DbContext and Controllers
6. Diving into CQRS
7. CQRS in Action
8. API Versioning and Logging in ASP.NET Core
9. Securing ASP.NET Core
10. Performance Enhancement with Redis
11. Vue.js Fundamentals in a Todo App
12. Using a UI Component Library and Creating Routes and Navigations
13. Integrating a Vue.js Application with ASP.NET Core
14. Simplifying State Management with Vuex and Sending GET HTTP Requests

(N.B. Please use the Look Inside option to see further chapters)



Devlin Basilan Duldulao is a full-stack engineer with over 8 years of web, mobile, and cloud development experience. He has been a recipient of Microsoft's Most Valuable Professional (MVP) award since 2018 and earned the title of Auth0 ambassador for his passion for sharing best practices in application securities. Devlin has passed some prestigious exams in software and cloud development such as MSCD, Azure Associate Developer, AWS Associate Developer, and Terraform Associate.

Perhaps it was serendipity that made him venture into the coding world after a short stint in the medical field; however, once he stepped into it, he fell for it hook, line, and sinker – but in the right way, he claims. Devlin often finds himself engrossed in solving coding problems and developing apps, even to the detriment of his once-active social life. One of the things that motivates him is ensuring the long-term quality of his code, including looking into ways to transform legacy code into more maintainable and scalable applications.

Devlin enjoys tackling challenging projects or applications for high-level clients and customers, as he currently does at his company based in Norway. He also provides training and consultation for international corporations. One of his other interests is giving talks at IT conferences worldwide and meeting unique people in the industry. Devlin is currently based in Oslo, Norway, with his wife. He is a senior software engineer at Inmeta Consulting Company, a subsidiary of the Crayon Group of Companies.