whichdevtool?
Menu
StacksDirectory Pricing changes Glossary
VPS and cloud servers App hosting and PaaS Managed databases Transactional email APIs Email marketing and newsletters Domain registrars CDN, DNS and edge security Monitoring, uptime and error tracking Auth and identity Frontend and full-stack frameworks Backend frameworks UI component libraries AI model APIs File and object storage Payments and billing Background jobs, queues and workflows ORMs and database toolkits

Full-stack Angular meta-framework · by Analog community (Brandon Roberts)

Analog

The Angular meta-framework: Vite builds, file-based routing, API routes, Markdown content routes and hybrid SSR/SSG, with Nitro presets for deployment.

Visit analogjs.org ↗ Alternatives Open source Open source Self-hostable
Analog homepage
§1

Overview

Analog is a full-stack meta-framework for Angular, created in 2022 and maintained in the open by a community led by Brandon Roberts. It builds Angular apps with Vite instead of the default Angular CLI builder and adds features Angular does not ship itself: file-based routing, server-side data fetching, integrated API and server routes, Markdown files as content routes, and hybrid SSR and SSG. Vitest and Storybook are supported, and it works with Angular CLI and Nx workspaces.

Deployment uses Nitro, the same server engine as Nuxt. The default preset produces a ready-to-run Node server (node dist/analog/server/index.mjs listening on port 3000), and you switch targets with the BUILD_PRESET environment variable or the nitro option in vite.config.ts. Deploying under a URL prefix takes several configuration steps described in the docs.

Because Analog tracks Angular closely, expect to update it alongside Angular majors. It is a smaller project than Angular itself, so check that the Angular version you need is supported before upgrading.

§2

Pricing and plans

Free and MIT-licensed; hosting is billed by your provider.

Source: analogjs.org/docs/features/deployment/overview · prices as published, excluding tax.

§3

What it does

File-based routing
Pages come from the file system, like Next.js or Nuxt.
API routes
Server endpoints live beside the Angular app.
Content routes
Markdown files become pages, suited to blogs and docs.
Hybrid SSR/SSG
Prerender some routes and server-render others.
Nitro deployment presets
Node server by default; other presets via BUILD_PRESET.
§4

Strengths and limitations

Strengths

  • Brings meta-framework conventions to Angular without leaving Angular components.
  • Vite-based builds with Vitest and Storybook support.
  • Nitro presets reuse a deployment layer proven in the Nuxt ecosystem.

Limitations

  • Community-maintained with a small core team, so pace depends on a few maintainers and sponsors.
  • Must keep in step with Angular's release schedule; check compatibility before Angular upgrades.
  • Deploying under a URL prefix needs several manual configuration steps, per the docs.
§5

Who it suits

Good for

  • Angular developers building content sites or blogs
  • Angular apps that want file routing and API routes in one project

Look elsewhere if

  • Enterprises that need vendor-backed support contracts
  • Teams not already using Angular
§6

Alternatives to Analog

Tool From Free option Stages
Astro Content-focused web framework
— Open source
React UI library
— Open source
Hugo Static site generator (Go)
— Open source
Leptos Full-stack Rust web framework
— Open source
Docusaurus Documentation site generator (React)
— Open source
Qwik Resumable web framework
— Open source

All frontend and full-stack frameworks →

§7

Questions

What is Analog for Angular?

A meta-framework that adds Vite builds, file-based routing, API routes, Markdown content and hybrid SSR/SSG to Angular.

How do I deploy an Analog app?

Build it; by default you get a Node server you start with node dist/analog/server/index.mjs. Other hosts use Nitro presets set via BUILD_PRESET.

Does Analog work with Nx?

Yes. The project README says it supports Angular CLI and Nx workspaces.

Sources read for this page