Aspnet Core Vuejs Template

screenshot of Aspnet Core Vuejs Template
vue
bootstrap

ASP.NET Core / Vue.js SPA Template App

Overview

The ASP.NET Core / Vue.js SPA Template App is a template application that combines ASP.NET Core for a REST/JSON API server and Vue.js for a web client. The server side of the app is built using ASP.NET Core and PostgresSQL as the database, and it utilizes Entity Framework Core for database migrations. JSON Web Token (JWT) authorization with OpenIddict is used for authentication. The app is containerized using Docker for development purposes. On the client side, Vue.js is used along with Webpack for asset bundling and Hot Module Replacement (HMR) for a smoother development experience. The app also includes CSS Modules for styling and uses the Fetch API for sending REST requests. Testing is done using xUnit for .NET Core on the server side and Vue.js tests on the client side. For deployment and server management, Ansible has been used to provision and deploy the app. The playbook includes tasks for setting up Nginx reverse proxy, SSL via Let's Encrypt, PostgresSQL backups to S3, and more.

Features

  • ASP.NET Core server with PostgresSQL as the database
  • Vue.js web client with webpack for asset bundling and HMR
  • JSON Web Token (JWT) authorization with OpenIddict
  • Docker used for development with PostgresSQL database and MailCatcher server
  • Entity Framework Core with EF Migrations for database management
  • Fetch API for REST requests
  • xUnit for .NET Core testing
  • Ansible playbook for provisioning and deployment

Summary

The ASP.NET Core / Vue.js SPA Template App is a powerful template application that combines the functionality of ASP.NET Core and Vue.js. It provides an easy-to-use development environment with Docker and includes various features such as JWT authorization, database management with Entity Framework Core, and automated testing. The app can be easily provisioned and deployed using the provided Ansible playbooks. With its comprehensive set of features and installation guide, the ASP.NET Core / Vue.js SPA Template App is a great starting point for building modern web applications.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.