Analog Local Development Guide
Build full-stack applications with Angular using Analog, based on Vite and Nitro, with hot-reloading development on the default localhost:5173.
Analog is a full-stack meta-framework based on Angular, utilizing Vite for building and file routing, supporting SSR, SSG, and API routing, and can be seen as a “Next.js-like” solution within the Angular ecosystem.
Quick Start
npm create analog@latest my-analog-app
cd my-analog-app
npm install
npm run devDefault localhost Access
| Purpose | Address |
|---|---|
| Development Server | http://localhost:5173 |
| Preview Production Build | http://localhost:4173 (npm run preview) |
You can modify server.port in vite.config.ts.
Common Commands
| Command | Description |
|---|---|
npm run dev | Start the Vite development server |
npm run build | Production build |
npm run preview | Local preview of build results |
Use Cases
- Existing Angular skill set, requiring SSR / file routing
- Desire to replace traditional Angular CLI builds with Vite for faster HMR
- Full-stack Angular applications (server-side API + frontend in the same repository)
Summary
Analog allows Angular projects to enjoy the Vite development experience, with the default local address being http://localhost:5173, making it suitable for Angular teams transitioning to modern full-stack architectures.