DEV Community

Alex Spinov
Alex Spinov

Posted on

Analog.js Has a Free API That Brings Angular Into the Meta-Framework Era

Analog.js is to Angular what Next.js is to React. File-based routing, API routes, SSR/SSG, and Vite-powered builds.

Quick Start

npm create analog@latest my-app
cd my-app && npm run dev
Enter fullscreen mode Exit fullscreen mode

File-Based Routing

src/app/routes/
  index.page.ts        -> /
  about.page.ts        -> /about
  blog/[slug].page.ts  -> /blog/:slug
Enter fullscreen mode Exit fullscreen mode

API Routes

// src/server/routes/v1/posts.ts
import { defineEventHandler } from 'h3'
export default defineEventHandler(async () => {
  return await db.query('SELECT * FROM posts')
})
Enter fullscreen mode Exit fullscreen mode

SSR + SSG + Markdown

Built-in content support, static generation, and server-side rendering. Deploy to Vercel, Netlify, Cloudflare.

The Bottom Line

Analog fills the biggest gap in Angular. File-based routing, API routes, SSR/SSG — meta-framework features now available for Angular.


Need to automate data collection or build custom scrapers? Check out my Apify actors for ready-made tools, or email spinov001@gmail.com for custom solutions.

Top comments (0)