RazorSvelte
Template project for the .NET Razor Pages with Svelte Framework, Bootstrap, and Rollup
Overview
RazorSvelte is a project template that combines ASP.NET Razor Pages, Svelte JavaScript Framework, and Bootstrap to create a modern and versatile web application. It includes sample pages, authentication mechanisms, and various UI components. The template is constantly updated with improvements and new components.
Features
- ASP.NET Razor Pages
- Svelte JavaScript Framework with TypeScript and SCSS preprocessor
- Rollup JavaScript bundler build system
- Bootstrap 5+ CSS framework with SCSS preprocessor
- Bootstrap icons
- Sample authentication mechanism with JWT and three external login providers (Google, Linkedin, and Github)
- Sample pages for index, privacy, login, logout, authorized, unauthorized, not found, and error
- Sample Single Page Application example using hashtag router component
- Built-in dark theme support with a theme switching mechanism
- Various UI components, including charts, data grid, modal, multiselect, offcanvas, pager, placeholder, search input
Summary
RazorSvelte is a project template that combines ASP.NET Razor Pages, Svelte JavaScript Framework, and Bootstrap to create a modern web application. It includes various UI components and sample pages, as well as authentication mechanisms and a Single Page Application example. The template is frequently updated and offers easy installation and configuration options.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.