DEV Community

Cover image for Unveiling AnalogJS: Crafting Angular Applications with a Fullstack Meta-Framework
Juan Carlos Valerio Barreto
Juan Carlos Valerio Barreto

Posted on

3

Unveiling AnalogJS: Crafting Angular Applications with a Fullstack Meta-Framework

Analog is a meta-framework for building applications and websites with Angular.

Similar to other meta-frameworks such as Next.JS, Nuxt, SvelteKit and others, Analog provides a similar experience, building on top of Angular created by brandontroberts.

Are you an Angular enthusiast who's always on the lookout for cutting-edge tools to enhance your development process? Look no further! We're excited to introduce you to AnalogJS, a groundbreaking fullstack meta-framework designed to transform your Angular app-building journey.

Why AnalogJS?

Picture a world where you can seamlessly combine the power of Angular with the ease of use provided by meta-frameworks like Next.js and Nuxt.js. AnalogJS does just that - it marries the versatility of Angular with the efficiency of a meta-framework, creating a developer-friendly ecosystem that accelerates your project development.

Documentation

Visit the docs at https://analogjs.org

Features

  • Supports Vite/Vitest/Playwright
  • File-based routing
  • Support for using markdown as content routes
  • Support for API/server routes
  • Hybrid SSR/SSG support
  • Supports Angular CLI or Nx workspaces

Getting Started

Use your package manager of choice to create a new project

With yarn:

yarn create analog
Enter fullscreen mode Exit fullscreen mode

With npm:

npm init analog
Enter fullscreen mode Exit fullscreen mode

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

Elevate your Angular experience with AnalogJS - where Angular meets meta-framework magic!

*Creator: *
https://dev.to/brandontroberts

Top comments (1)

Collapse
 
timsar2 profile image
timsar2

Is it posible to add rx-angular ISR to analogjs project?

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay