Sample Angular Starter App logo

Sample Angular Starter App

Free

The enterprise-ready Angular template project with REST and GraphQL RBAC pre-configured.

FreeFree tier
Type
Open Source

About Sample Angular Starter App

LemonMart is an enterprise-ready Angular template project that implements a Router-first architecture for single-page applications. It comes pre-configured with REST and GraphQL RBAC, lazy loading, and a decoupled component architecture. Designed to support the book 'Angular for Enterprise Applications' by Doguhan Uluca, it includes stateless data-driven components using RxJS/BehaviorSubjects, TypeScript classes and validators, and a walking-skeleton navigation approach to enable team collaboration and sub-second first meaningful paints.

Key Features

Router-first architecture for SPA design
REST and GraphQL RBAC pre-configured
Lazy loading with router outlets and auxiliary paths
Stateless data-driven components using RxJS/BehaviorSubjects
Decoupled component architecture for easy UX remixing
TypeScript classes, interfaces, enums, validators, and pipes for code reuse
Smart link tracking and walking-skeleton navigation

Pros & Cons

Pros
  • Router-first approach reduces duplicate work and re-architecting
  • RBAC pre-configured for both REST and GraphQL
  • Encourages best practices like lazy loading and decoupled components
  • Includes TypeScript utilities for code reuse
  • Supports sub-second first meaningful paints
Cons
  • May be complex for beginners unfamiliar with Angular and RxJS
  • Architecture is opinionated and may not suit all project types
  • Requires discipline to maintain decoupled component structure

Best For

Building enterprise-scale Angular applicationsLearning Angular architecture best practicesStarting new Angular projects with a robust templateTeam collaboration on large SPAs with lazy loading