HoNoSoFt.DotNet.Web.Spa.ProjectTemplates
1.0.0
See the version list below for details.
dotnet new install HoNoSoFt.DotNet.Web.Spa.ProjectTemplates::1.0.0
Dotnet Core 2.1 + VueJs + Picnic CSS
Idea is to have the minimum as possible in order to have .Net Core 2.1 with Picnic CSS. There's already an another project using Bootstrap 4+, however, I would like to have something lighter as a template.
This is wanted to be simple a SPA with a minimum dependencies or performance issues. It can however be modified as you please.
Installation
Add the templates within your dotnet new -l
list.
> dotnet new -i HoNoSoFt.DotNet.Web.Spa.ProjectTemplates
Then to create your project afterwards you will simply type:
> dotnet new vuejs-picnic
What's inside
- Picnic CSS (https://picnicss.com/)
- SASS, for style in a more elegant way
- VueJs (To build the components/UI)
- Vue-Router (For the SPA)
- WebPack (To pack/hot-reload)
- Babel
- Environments
- Development
- Production
- WebPack / Add a better management of external js/css as a plugins.....js
- Implement the default page style
- Set the nav menu
- Put some content in the pages (SPA template stuff)
- [o] About page should contains something
- Add some api calls for the .Net WebApi stuff.
- Create a real endpoint with some kind of values. (Like the aspnet demo)
- Rename the folder/app to some sort of template name.
- Make a reload/production build
- [o] Add logo within the template (I think it is feasible, see ms doc).
- Put this on github
- [o] Automate the build / CI
- [o] Add ts/x support. /optional/ (See example: https://github.com/aspnet/JavaScriptServices/blob/master/samples/misc/Webpack/webpack.config.js)
- [o] Add tslint/jslint
- Change the folder structure to look like a template for visual studio.
- Add the template in the nuget gallery
- [o] Add the template in the visual studio gallery (vsix?) ( maybe do https://docs.microsoft.com/en-us/visualstudio/misc/how-to-manually-package-an-extension-vsix-deployment?view=vs-2015 )
- Add a favicon
- Add the picnic css library part of vue
- Compile the picnic css (SASS) with some custom alteration (file).
- Use of the min css instead for now. I don't think we need to use the sass.
- [o] Promote the stuff... who knows 😉
- Add Vuex for state management
- Add some badges
JQuery is not part of this, we want to avoid such a big library. I think most of the work can be done without it.
Stats
- Once compiled: ?
Development | Production | |
---|---|---|
main.css | -- | 0.6 kb |
vendors.css | -- | 36.8 kb |
main.js | 91 kb | 10.4 kb |
vendors.js | 526 kb | 124 kb |
Vendors files are the library from within nodejs we use (i.e.: VueJs and VueRouter just to name it)
Page filling
- Keep register/login for the last part.
Idea of improvement
- Make a template with authentication
- Make it with authentication? (Google?/O365?)
- Create a template for SignalR integration (Should I)
- Extra reading (template) : https://docs.microsoft.com/en-us/dotnet/core/tutorials/create-custom-template
About the author
My name is Nordès Ménard-Lamarre, you can find more details on me over my blog (FR) or over HoNoSoFt site.
License
This package has no dependencies.
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
1.6.4 | 3,337 | 5/23/2019 |
1.6.2 | 645 | 4/25/2019 |
1.6.0 | 654 | 4/14/2019 |
1.5.5 | 796 | 3/11/2019 |
1.5.3 | 895 | 1/11/2019 |
1.5.2 | 862 | 12/4/2018 |
1.5.0 | 773 | 12/1/2018 |
1.4.0 | 741 | 11/27/2018 |
1.3.26 | 809 | 11/20/2018 |
1.3.8 | 789 | 11/19/2018 |
1.3.2 | 803 | 10/29/2018 |
1.2.0 | 782 | 10/24/2018 |
1.1.0 | 789 | 10/18/2018 |
1.0.0 | 769 | 10/10/2018 |
0.9.0 | 763 | 9/30/2018 |