Analog

Theme by Analogjs

|

Updated: 23 May 2025

|

2835 Stars

The fullstack meta-framework for Angular. Powered by Vite and Nitro

Categories

Overview:

Analog is a meta-framework that allows developers to build applications and websites with Angular. Similar to other meta-frameworks like Next.JS, Nuxt, and SvelteKit, Analog provides a similar experience while building upon the Angular framework.

Features:

• Supports Vite/Vitest/Playwright: Analog supports popular tools like Vite, Vitest, and Playwright for faster development and testing.
• File-based routing: Analog allows developers to define routes based on files, making it easier to organize and manage routes.
• Support for using markdown as content routes: Developers can use markdown files as content routes in Analog, simplifying the process of creating and managing content.
• Support for API/server routes: Analog provides support for API and server routes, allowing developers to easily integrate backend functionality into their applications.
• Hybrid SSR/SSG support: Analog supports both Server-Side Rendering (SSR) and Static Site Generation (SSG), giving developers flexibility in how they build and deploy their applications.
• Supports Angular CLI or Nx workspaces: Analog can be used with either Angular CLI or Nx workspaces, providing compatibility with existing Angular projects.

Installation:

To install Analog, follow these steps:

1. Use your preferred package manager (e.g., yarn, npm, pnpm) to create a new project.
   With yarn:

   yarn create analog-app my-app
   

   With npm:

   npx create-analog-app my-app
   

   With pnpm:

   pnpm create-analog-app my-app
   

2. Follow the prompts to scaffold the project and start the development server.

Summary:

Analog is a meta-framework that simplifies the process of building applications and websites with Angular. It provides various features such as support for popular tools, file-based routing, markdown content routes, API/server route support, and hybrid SSR/SSG capabilities. Analog can be installed using the package manager of your choice and is compatible with both Angular CLI and Nx workspaces. With its user-friendly features and flexibility, Analog is a powerful choice for developers looking to leverage the Angular framework for their projects.