An example application that uses file-based routing with Angular, Analog, Vite with the Angular Router

Overview

Angular, Vite, and File-based routes

This is an example application that uses Angular, Analog, and Vite for file-based routing.

Routes are places in the pages folder as default exports. Additional route configuration can be added by using a .config.ts file with the same name as the route.

Setup

Run yarn to install the application dependencies.

Development

Run yarn dev for a dev server. Navigate to http://localhost:5173/. The application will automatically reload if you change any of the source files.

Build

Run yarn build to build the project. The build artifacts will be stored in the dist/ directory.

Test

Run yarn test to run unit tests with Vitest.

Community

Credits

Code generation inspired by the generouted project

You might also like...

Heavily inspired by Angular Forms, this package provides utilities for complex Model-driven form management in Lit-based Web Components.

Heavily inspired by Angular Forms, this package provides utilities for complex Model-driven form management in Lit-based Web Components.

Dec 9, 2022

A component built in angular 13 which can generate an signature image in different fonts based on the selection.

AngularSignatureGenerator This project was generated with Angular CLI version 13.2.6. Development server Run ng serve for a dev server. Navigate to ht

Apr 26, 2022

Application to generate secure passwords based on the 'KDF' strategy.

PasswordGenerator This project was generated with Angular CLI version 12.2.6. Development server Run ng serve for a dev server. Navigate to http://loc

Aug 14, 2022

Monorepo for all the tooling related to using ESLint with Angular

Monorepo for all the tooling related to using ESLint with Angular

Angular ESLint Monorepo for all the tooling which enables ESLint to lint Angular projects

Dec 29, 2022

Reactive Extensions for Angular

Reactive Extensions for Angular

RxAngular offers a comprehensive toolset for handling fully reactive Angular applications with the main focus on runtime performance and template rendering.

Jan 5, 2023

Semantic UI Angular Integrations

Semantic-UI-Angular Semantic-UI-Angular is a pure AngularJS 1.x set of directives for Semantic-UI components. We are considering Angular 2 support in

Dec 28, 2022

The code for a set of Angular 6+ components for the PatternFly project.

The code for a set of Angular 6+ components for the PatternFly project. Note that the release/3.x branch supports Angular 4 and 5.

Nov 15, 2022

Angular 11 & Bootstrap 5 & Material Design 2.0 UI KIT

Angular 11 & Bootstrap 5 & Material Design 2.0 UI KIT

MDB 5 Angular Angular 12 & Bootstrap 5 & Material Design 2.0 UI KIT Get Started in 4 steps MDBAngular 5 Demo 500+ material UI components Super s

Dec 30, 2022

Component infrastructure and Material Design components for Angular

Official components for Angular The Angular team builds and maintains both common UI components and tools to help you build your own custom components

Jan 3, 2023
Owner
Brandon
Web dev, tech writer/streamer, NgRx maintainer, Angular GDE, sports watcher, and slinger of gifs.
Brandon
Angular Library workspace to creating and testing angular libraries

Library Workspace Run Locally Clone the project https://github.com/sametcelikbicak/library-workspace.git Go to the library project directory cd li

Samet ÇELİKBIÇAK 4 Nov 1, 2022
Sam4Sc - a migration assistant for Angular to SCAM (Single Angular Component Modules) and Standalone Components

Sam4Sc - a migration assistant for Angular to SCAM (Single Angular Component Modules) and Standalone Components

Rainer Hahnekamp 7 Nov 16, 2022
Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.

Getting Started Clarity Angular is published as two npm packages: Contains the static styles for building HTML components. Contains the Angular compon

VMware Clarity 145 Dec 29, 2022
Petite application de décomposition d'un nombre en produits de facteurs premiers sur Angular

Factprem This project was generated with Angular CLI version 13.0.3. Development server Run ng serve for a dev server. Navigate to http://localhost:42

null 2 Jan 13, 2022
Angular multiselect component for web application. Easy to integrate and use.

Angular multiselect component for web application. Easy to integrate and use.

Dinh The Loc 2 Apr 20, 2022
Angular UI Component Library based on Ant Design

NG-ZORRO An enterprise-class Angular UI component library based on Ant Design. English | 简体中文 ✨ Features An enterprise-class UI design system for Angu

NG-ZORRO 8.3k Jan 6, 2023
Angular 2 building blocks :package: based on Semantic UI

Angular2 & Semantic UI Angular2 - Semantic UI Live demo ng-semantic.herokuapp.com Angular 2 Semantic UI version: 2.2.2 Installation npm install ng-sem

Vlado Tesanovic 995 Dec 23, 2022
Customizable Angular UI Library based on Eva Design System

Nebular Documentation | Stackblitz Template | UI Bakery - Angular UI Builder | Angular templates Nebular is a customizable Angular 10 UI Library with

Akveo 7.7k Dec 31, 2022
Covalent: UI Platform based on Angular-Material

Covalent: UI Platform based on Angular-Material Covalent is a reusable UI platform from Teradata for building web applications with common standards a

Teradata Corporation 2.3k Jan 1, 2023
An enterprise-class UI components based on At UI Design and Angular. 🚀 🚀 🚀

An enterprise-class UI components based on At UI Design and Angular. ?? ?? ??

塟愛鎵镞de栤仯 113 Dec 16, 2022