SPA and Front.API
UIOMatic now includes a standalone SPA (Single Page Application) and Front.API that can be used independently of Umbraco. This allows you to create a custom backend for your UIOMatic data without requiring Umbraco.
Installation
You can install the required packages via NuGet:
Front.API Setup
The Front.API provides a RESTful API for managing your UIOMatic data. To set it up:
Add the following to your
Program.cs
:
Configure your database connection in
appsettings.json
:
SPA Setup
The SPA provides a modern Vue.js-based interface for managing your UIOMatic data. To set it up:
Add the SPA middleware to your
Program.cs
:
Configure the SPA settings in
appsettings.json
:
Using the SPA
The SPA provides the following features:
Modern, responsive UI built with Vue.js
Authentication support
CRUD operations for your UIOMatic types
List views with sorting and filtering
Form validation
File uploads
Rich text editing
And more...
Customization
API Customization
You can customize the API behavior by:
Implementing custom repositories
Adding custom controllers
Configuring authentication
Adding custom middleware
SPA Customization
The SPA can be customized by:
Modifying the Vue components
Adding custom field types
Customizing the theme
Adding custom actions
Example
Here's a complete example of setting up both the API and SPA:
Configuration Options
Front.API Options
SPA Options
Security Considerations
When using the Front.API and SPA:
Always enable authentication in production
Use HTTPS
Configure CORS properly
Implement rate limiting
Use secure connection strings
Keep packages updated
Troubleshooting
Common issues and solutions:
API not responding: Check connection strings and database access
SPA not loading: Verify API URL and CORS settings
Authentication failing: Check JWT configuration
File uploads not working: Verify file permissions and configuration
Further Reading
Last updated
Was this helpful?