ASP.NET Core and Vue.js

A busy .NET developer’s step-by-step guide to building fully functional, cloud-ready, and professional web apps without diving into the theory of frameworks and libraries

Key Features

• Discover tenants of clean architecture in the latest ASP.NET Core 5 Web API
• Develop Vue.js 3 single-page applications (SPAs) using TypeScript and Vuex
• Learn techniques to secure, test, and deploy your full-stack web apps on Azure

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 enterprise web applications. Web 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)