ASP.NET Framework Vue Nuxt.js App Template
$ npm install -g @servicestack/cli $ dotnet-new vuetify-nuxt-netfx ProjectName
Nuxt is an opinionated structured framework for rapidly developing Web Applications utilizing developer-friendly Vue Single Page Components and its built-in Hot module replacement to provide a highly productive development experience.
Nuxt also enables the development of high-performance responsive Web Apps by employing advanced packaging techniques like automatic code spliting, link prefetching, SPA navigation of statically-generated cacheable assets and integrated support for ES6/7 transpilation and js/css bundling and minification.
After creating your project go to your
ProjectName folder and install your client App dependencies with:
$ npm install
If your IDE doesn't automatically install your .NET NuGet Dependencies, you can manually install them with:
$ dotnet restore
Run your ServiceStack Server App with
Ctrl+F5 then either run the
dev Gulp Task in VS.NET's Task Runner Explorer or in a new terminal window start a watched nuxt dev server build with:
$ npm run dev
dtos Gulp task or npm script:
$ npm run dtos
This will update the Servers
dtos.ts and generate its corresponding
dtos.js which can be imported as normal classes as seen in
gateway.js. Despite the App not being built with TypeScript, developing using a "TypeScript-aware" IDE like VS Code will still be able to utilize the TypeScript classes in @servicestack/client and the generated
dtos.ts to provide a rich, typed intelli-sense experience.
Generate Static Production Build
Most of the time during development you'll be viewing your App through Nuxt.js dev server to take advantage of it's Hot Module Replacement for instant UI updates. At any time you can also view a production build of your App with the
build Gulp task or npm script:
$ npm run build
Which will generate an encapsulated production build of your App in
/wwwroot which you can view running from your ServiceStack Server App directly:
Publishing App for Deployment
Create a release client build of your App by running the
publish Gulp task or npm script:
$ npm run publish
Update /Properties/PublishProfiles/PublishToIIS.pubxml with the Server Info you wish to deploy to, then you can click
Publish... on your projects right-click context menu to deploy your App using the
PublishToIIS MS WebDeploy Profile.