Nano ASP.NET SaaS Boilerplate
Admin credentials (all tenants): admin@email.com / Password123!
Sample data resets every hour
Nano ASP.NET SaaS Boilerplate
General
.NET Solution
Vue UI
React UI
Razor Pages
Vue UI

Setting Up Nano Vue Boilerplate

Extract the vue project folder to a location on your computer. The Vue project has no dependencies on the backend; it can be managed separately with its own source control.

Open a terminal window and run the following command:

npm install

Node package manager (NPM) will install the necessary dependencies and store them in node_modules.

Run the application with the following command:

npm run serve

The script will run the application at http://localhost:3000/ in development mode.

When the app is running in development mode, it will use the local .NET project at https://localhost:7250/ as the API URL; ensure that it is running.

To create an optimized build version of the app for publishing, run the following command:

npm run build

This script will output build files in a new folder called dist.

Before publishing your .NET project to production, move all the files from the dist folder into the wwwroot folder in the AspNano.WebApi project (overwrite any existing files). These files will serve as the UI when the .NET application is published.

Continue on to learn about the Vue project code and structure starting with Top Level.