Announcing AnalogJS 1.0 🚀
Tags: angular, webdev
Published: 2024-03-14 19:10:34

After many months of development and testing, we're excited to announce the 1.0 release of AnalogJS! The `1.0` release includes many features that help developers ship websites and applications, faster, with Angular.

This release marks the first major release of Analog, giving developers a more stable starting point to build with Analog. We will continue getting feedback from developers that helps us continue to improve and innovate on the project.

## Features ⭐️

Analog is the meta-framework built on top of Angular, powered by [Vite](https://vitejs.dev), a next generation open-source build tool, and [Nitro](https://nitro.unjs.io), an open-source server engine framework. Here are some of its features, including:

- First-class support for the Vite ecosystem (Vitest, Playwright, Cypress, and more)
- [Filesystem-based routing](https://analogjs.org/docs/features/routing/overview)
- [Support for markdown](https://analogjs.org/docs/features/routing/content) pages and blogs 
- [Support for API/server routes](https://analogjs.org/docs/features/api/overview)
- Hybrid [SSR](https://analogjs.org/docs/features/server/server-side-rendering)/[SSG](https://analogjs.org/docs/features/server/static-site-generation) with sitemap and RSS feed support
- Supports Angular CLI/[Nx workspaces](https://analogjs.org/docs/integrations/nx)
- Integration with [tRPC](https://trpc.io) for type-safe server interactions
- Server and deployment support
- And more!

## Contributions and Community 🤓

AnalogJS would not be where it is without a team of core contributors and collaborators.

[Robin Goetz](https://twitter.com/goetzrobin)
[Marko Stanimirović](https://twitter.com/markostdev)
[Luis Castro](https://twitter.com/LuisHCCDev)
[Chau Tran](https://twitter.com/nartc1410)
[Joshua Morony](https://twitter.com/joshuamorony)
[Andrés Villanueva](https://twitter.com/villanuevand)

Also, thanks to the [80+ contributors](https://github.com/analogjs/analog#contributors-) to the project, whether through code, documentation, tests, or even just trying out the project. 

The project already has surpassed 2000 stars on [GitHub](https://github.com/analogjs/analog), 500+ members on [Discord](https://chat.analogjs.org), 1000+ followers on [Twitter/X](https://twitter.com/analogjs), and was accepted into the first [GitHub Accelerator Cohort](https://accelerator.github.com/).

{% youtube H4U6udLcM-Q %}

If you'd like to take Analog for a spin, check out this blog post on [Building a Blog](https://dev.to/analogjs/how-to-build-a-blog-with-analog-and-angular-4pk2) with Analog and Angular. If you want to get involved in the project, check out the [GitHub repo](https://github.com/analogjs/analog).

## What's Next

We are continuing to make building fullstack websites and application with Analog and Angular as seamless as possible, and extending the Angular ecosystem through integrations with [Astro](https://astro.build), [Nx](https://nx.dev), [Vitest](https://analogjs.org/docs/features/testing/vitest), [Storybook](https://storybook.js.org), and more. 

We have also introduced a new Single File Component format in Analog for authoring components and directives. 

Below is an example of a `hello.analog` file:

```html
<script lang="ts">
  import { signal } from '@angular/core';

  const count = signal(0);

  function increment() {
    count.update(total => ++total);
  }
</script>

<template>
  <h2>Hello Analog</h2>

  Count: {{ count() }}

  <button (click)="increment()">
    Increment
  </button>
</template>

<style>
  h2 {
    color: red;
  }
</style>
```

What started as a `.ng` file extension for components and directives using Angular has evolved into the Analog SFC, along with features including support for [auto-imports](https://github.com/analogjs/analog/discussions/901), inline markdown templates, page routes, and more. We are continuing to iterate on this approach, and exploring options to enable this format in Angular applications as the future of Analog progresses. 

We've already received very positive feedback, and even further development on supporting this format, including an [IDEA Plugin for the Analog SFC](https://plugins.jetbrains.com/plugin/23913-analog?noRedirect=true) that's available in the EAP version of WebStorm. Thanks to [Jan-Niklas Wortmann](https://twitter.com/niklas_wortmann) and [Piotr Tomiak](https://twitter.com/PiotrekTomiak) from the JetBrains team for the initial development of the plugin. You can also contribute to the plugin on [GitHub](https://github.com/analogjs/idea-plugin).

## Partner with Analog 🤝

We are looking for companies to partner with on the Analog project to support development of the project. Thanks to [Snyder Technologies](https://snyder.tech/) for being an early adopter and promoter of Analog, [Nx](https://nx.dev) for joining us as a sponsor, [House of Angular](https://houseofangular.io), and many other backers of the project.

Find out more information on our [partnership opportunities](https://analogjs.org/docs/sponsoring) or reach out directly to sponsor[at]analogjs.org. 

## Join the Community 🥇

- Visit and Star the [GitHub Repo](https://github.com/analogjs/analog)
- Join the [Discord](https://chat.analogjs.org)
- Follow us on [Twitter](https://twitter.com/analogjs)

If you enjoyed this post, click the :heart: so other people will see it. Follow [AnalogJS](https://twitter.com/analogjs) and [me] (https://twitter.com/brandontroberts) on Twitter/X, and subscribe to my [YouTube Channel](https://youtube.com/brandonrobertsdev?sub_confirmation=1) for more content!