DNN templates for creating modern web API/WebComponents modules.
Available in the Visual Studio Marketplace at https://marketplace.visualstudio.com/items?itemName=DanielValadas.eraware-dnn-templates
This extension supports the following Visual Studio versions:
| Visual Studio Version | Version Range | Release Years | Notes |
|---|---|---|---|
| Visual Studio 2019 | 16.0 - 16.x | 2019-2022 | x86 architecture |
| Visual Studio 2022 | 17.0 - 18.x | 2022-2025+ | amd64 architecture |
Supported Editions:
- Community (Free)
- Professional
- Enterprise
To use these templates effectively, ensure you have the following Visual Studio workloads installed:
- ASP.NET and web development - For the Web API backend
- Node.js development - For the frontend build process
- .NET desktop development - For general .NET development
Note: If you encounter errors opening the
module.webproject, use the Visual Studio Installer to add the "Node.js development" workload.
Currently this templates package includes a comprehensive module template with plans to expand into multiple DNN extension types.
A WebAPI/WebComponents module template that creates modern, standards-compliant DNN modules.
- Stencil.js - Build-time compiler for creating standards-compliant Web Components
- TypeScript - Enforced for type safety and better development experience
- JSX - React-like syntax (note: this template does NOT use React)
- DNN Elements - DNN-specific WebComponents library
- Auto-generated Documentation - TypeScript builds automatically document each component
- Entity Framework - Code-first ORM with generic repository pattern
- Effort - In-memory database for easier testing
- Swagger - API documentation and TypeScript client generation
- Dependency Injection - Modern .NET DI patterns
- DocFX - Keeps documentation synchronized with code
- XUnit - Unit and Integration testing framework
- 100% Unit Test Coverage - Template starts with comprehensive test coverage
- Uninstallation: Still requires SQL script for table cleanup
- Object Qualifier: Not currently supported in Code-First approach
- Install the extension from the Visual Studio Marketplace
- Restart Visual Studio
- Create a new project and search for "Eraware" or "DNN"
- Select the desired template and follow the setup wizard