Angular 18 Archetype
A production-ready Angular 18 starter template with internationalization, modular folder architecture, and signal-based state management. Build scalable applications faster.
Quick start
Get your Angular 18 application running in minutes with our pre-configured archetype
Install dependencies
Install all required npm packages:This will install Angular 18, @ngx-translate for i18n, and all development dependencies.
Run the development server
Start the Angular development server:Navigate to
http://localhost:4200/ in your browser. The application will automatically reload when you make changes.Explore the architecture
The archetype comes with a pre-configured folder structure:
- core/ - Layout components, guards, interceptors
- shared/ - Reusable services, domain types, UI components
- config/ - Application configuration and translation setup
Learn more about the folder structure in the Architecture guide.
Key features
Everything you need to build production-ready Angular applications
Internationalization
Built-in i18n support with @ngx-translate. Switch languages dynamically with localStorage persistence.
Modular Architecture
Clean separation of concerns with core, shared, and feature modules following Angular best practices.
Signal-Based State
Modern state management using Angular signals for reactive, performant applications.
Authentication System
Pre-built auth guards, interceptors, and token management with automatic redirection.
Type Safety
Full TypeScript support with strict mode enabled for maximum type safety.
Production Ready
Configured for production with optimized builds, lazy loading, and performance budgets.
Explore the documentation
Dive deeper into specific topics and API references
Ready to start building?
Clone the repository and start building your Angular 18 application with a solid foundation.
Get Started Now