🚀 Angular v21 Starter Kit

November 30, 2025 · View on GitHub

A clean and modern Angular v21 starter project built to help you kick off new applications quickly. It highlights the newest Angular capabilities, follows current best practices, and includes a fast testing setup powered by Vitest.


✨ What’s Inside

This starter uses a collection of up-to-date Angular features:

🔹 Angular v21

  • Latest runtime changes and performance improvements

🔹 Standalone Components (v14+)

  • Build components without relying on NgModules

🔹 Signals (v16+)

  • Lightweight reactive tools for building responsive UIs

🔹 Updated Control Flow (v17+)

  • Modern template syntax: @if, @for, and @switch

🔹 inject() API

  • Cleaner, simpler dependency injection

🔹 Angular Material

  • Ready-to-use UI components with accessibility baked in

🔹 Vitest (v21+)

  • A fast, modern test runner designed for TypeScript projects

⚡ Getting Started

✅ Requirements

You’ll need:

  • Node.js 22 or newer
  • npm (included with Node.js)
  • Git (optional if cloning)

🛠️ Setup & Usage

1️⃣ Install all packages

npm install

2️⃣ Start the dev server

npm run start

The project will launch at:

👉 http://localhost:4200

3️⃣ Run the test suite

npm run test

4️⃣ Build a production-ready version

npm run build

📜 NPM Scripts Overview

ScriptPurpose
npm run startLaunch development server with live reload
npm run buildGenerate optimized production build
npm run testExecute all Vitest tests
npm run watchRebuild files automatically on changes