Analog

<!-- prettier-ignore-start --> <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->

<!-- ALL-CONTRIBUTORS-BADGE:END --> <!-- prettier-ignore-end -->

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

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

Documentation

Visit the docs at https://analogjs.org

Features

• Powered by Vite
• Supports Vitest/Storybook
• Server and deployment integrations powered by Nitro
• File-based routing
• Server-side data fetching
• Support for using markdown as content routes
• Integrated API/server routes
• Hybrid SSR/SSG support
• Supports Angular CLI and Nx workspaces

Getting Started

Use your package manager of choice to create a new project

With npm:

npm create analog@latest

With pnpm:

pnpm create analog@latest

With Bun:

bun create analog@latest

With Yarn:

yarn create analog

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

Supporting Analog

• Star the GitHub Repo
• Join the Discord
• Follow us on Twitter
• Become a Sponsor

Sponsors

<a href="https://github.blog/2023-04-12-github-accelerator-our-first-cohort-and-whats-next/" target="_blank"> <img src="https://github.com/analogjs/analog/blob/main/apps/docs-app/static/img/logos/github-logo.svg" width="100px" height="100px" alt="GitHub Accelerator" /> </a> <a href="https://nx.dev" target="_blank"> <img src="https://github.com/analogjs/analog/blob/main/apps/docs-app/static/img/logos/nx-logo.dark.svg" width="100px" height="100px" alt="NxDevTools" /> </a> <a href="https://houseofangular.io" target="_blank"> <img src="https://github.com/analogjs/analog/blob/main/apps/docs-app/static/img/logos/house-of-angular.png" width="100px" height="100px" alt="House of Angular" /> </a> <a href="https://code.build" target="_blank"> <img src="https://github.com/analogjs/analog/blob/main/apps/docs-app/static/img/logos/code.build-1x1.svg" width="100px" height="100px" alt="Code.Build" /> </a> <a href="https://snyder.tech/" target="_blank"> <img src="https://media.licdn.com/dms/image/C4E0BAQG4hMvLznt6_Q/company-logo_200_200/0/1630618311041/snydertechnologies_logo?e=2147483647&v=beta&t=TFq6VKWAgb5oI0FmbvaeTPFzMJR9S94_LvnLnlRqfLI" width="100px" height="100px" alt="Snyder Tech" /> </a>

Contributing

Analog welcomes contributors! Please read the contributing doc for details.

Credits

The name was inspired by this project https://github.com/rrdelaney/Analog.

Contributors ✨

Thanks goes to these wonderful people for contributing to Analog (emoji key):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <table> <tbody> <tr> <td align="center" valign="top" width="14.28%"><a href="https://brandonroberts.dev"><img src="https://avatars.githubusercontent.com/u/42211?v=4?s=100" width="100px;" alt="Brandon"/><br />_{<b>Brandon</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=brandonroberts" title="Code">💻</a> <a href="https://github.com/analogjs/analog/commits?author=brandonroberts" title="Documentation">📖</a> <a href="#ideas-brandonroberts" title="Ideas, Planning, & Feedback">🤔</a></td> <td align="center" valign="top" width="14.28%"><a href="https://dev.to/layzee"><img src="https://avatars.githubusercontent.com/u/6364586?v=4?s=100" width="100px;" alt="Lars Gyrup Brink Nielsen"/><br />_{<b>Lars Gyrup Brink Nielsen</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=LayZeeDK" title="Documentation">📖</a> <a href="https://github.com/analogjs/analog/commits?author=LayZeeDK" title="Tests">⚠️</a></td> <td align="center" valign="top" width="14.28%"><a href="https://dev.to/markostanimirovic"><img src="https://avatars.githubusercontent.com/u/17877290?v=4?s=100" width="100px;" alt="Marko Stanimirović"/><br />_{<b>Marko Stanimirović</b>}</a><br /><a href="#tool-markostanimirovic" title="Tools">🔧</a> <a href="#infra-markostanimirovic" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/analogjs/analog/commits?author=markostanimirovic" title="Documentation">📖</a> <a href="https://github.com/analogjs/analog/commits?author=markostanimirovic" title="Code">💻</a> <a href="#design-markostanimirovic" title="Design">🎨</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/jasonhodges"><img src="https://avatars.githubusercontent.com/u/1988476?v=4?s=100" width="100px;" alt="Jason Hodges"/><br />_{<b>Jason Hodges</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=jasonhodges" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="http://timdeschryver.dev"><img src="https://avatars.githubusercontent.com/u/28659384?v=4?s=100" width="100px;" alt="Tim Deschryver"/><br />_{<b>Tim Deschryver</b>}</a><br /><a href="#infra-timdeschryver" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td> <td align="center" valign="top" width="14.28%"><a href="http://dalenguyen.me"><img src="https://avatars.githubusercontent.com/u/14116156?v=4?s=100" width="100px;" alt="Dale Nguyen"/><br />_{<b>Dale Nguyen</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=dalenguyen" title="Code">💻</a> <a href="#design-dalenguyen" title="Design">🎨</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Villanuevand"><img src="https://avatars.githubusercontent.com/u/1209238?v=4?s=100" width="100px;" alt="Andrés Villanueva"/><br />_{<b>Andrés Villanueva</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=Villanuevand" title="Documentation">📖</a> <a href="#translation-Villanuevand" title="Translation">🌍</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://umairhafeez.com"><img src="https://avatars.githubusercontent.com/u/6948878?v=4?s=100" width="100px;" alt="Umair Hafeez"/><br />_{<b>Umair Hafeez</b>}</a><br /><a href="#infra-umairhm" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Yberion"><img src="https://avatars.githubusercontent.com/u/4186385?v=4?s=100" width="100px;" alt="Brandon Largeau"/><br />_{<b>Brandon Largeau</b>}</a><br /><a href="#infra-Yberion" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td> <td align="center" valign="top" width="14.28%"><a href="https://mainawycliffe.dev/"><img src="https://avatars.githubusercontent.com/u/12270550?v=4?s=100" width="100px;" alt="Maina Wycliffe"/><br />_{<b>Maina Wycliffe</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=mainawycliffe" title="Code">💻</a> <a href="#infra-mainawycliffe" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.prestonlamb.com"><img src="https://avatars.githubusercontent.com/u/2006222?v=4?s=100" width="100px;" alt="Preston Lamb"/><br />_{<b>Preston Lamb</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=pjlamb12" title="Code">💻</a> <a href="https://github.com/analogjs/analog/commits?author=pjlamb12" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://iamandrewluca.com"><img src="https://avatars.githubusercontent.com/u/1881266?v=4?s=100" width="100px;" alt="Andrew Luca"/><br />_{<b>Andrew Luca</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=iamandrewluca" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://nartc.me"><img src="https://avatars.githubusercontent.com/u/25516557?v=4?s=100" width="100px;" alt="Chau Tran"/><br />_{<b>Chau Tran</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=nartc" title="Code">💻</a> <a href="#infra-nartc" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/simitch1"><img src="https://avatars.githubusercontent.com/u/20285365?v=4?s=100" width="100px;" alt="Simone "/><br />_{<b>Simone </b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=simitch1" title="Code">💻</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="http://kylerjohnson.dev"><img src="https://avatars.githubusercontent.com/u/75549176?v=4?s=100" width="100px;" alt="Kyler Johnson"/><br />_{<b>Kyler Johnson</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=KylerJohnsonDev" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://marcjulian.de/?ref=github"><img src="https://avatars.githubusercontent.com/u/8985933?v=4?s=100" width="100px;" alt="Marc"/><br />_<b>Marc</b></a><br /><a href="https://github.com/analogjs/analog/commits?author=marcjulian" title="Documentation">📖</a> <a href="https://github.com/analogjs/analog/commits?author=marcjulian" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/himyjan"><img src="https://avatars.githubusercontent.com/u/51815522?v=4?s=100" width="100px;" alt="himyjan"/><br />_{<b>himyjan</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=himyjan" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/TicTak21"><img src="https://avatars.githubusercontent.com/u/44474697?v=4?s=100" width="100px;" alt="Alex Kovalev"/><br />_{<b>Alex Kovalev</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=TicTak21" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.linkedin.com/in/nuhmanpk"><img src="https://avatars.githubusercontent.com/u/62880706?v=4?s=100" width="100px;" alt="Nuhman Pk"/><br />_{<b>Nuhman Pk</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=nuhmanpk" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/miluoshi"><img src="https://avatars.githubusercontent.com/u/1130547?v=4?s=100" width="100px;" alt="Miloš Lajtman"/><br />_{<b>Miloš Lajtman</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=miluoshi" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.youtube.com/c/CodeShotsWithProfanis"><img src="https://avatars.githubusercontent.com/u/7045092?v=4?s=100" width="100px;" alt="profanis"/><br />_{<b>profanis</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=profanis" title="Code">💻</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/hrmcdonald"><img src="https://avatars.githubusercontent.com/u/39349270?v=4?s=100" width="100px;" alt="Reece McDonald"/><br />_{<b>Reece McDonald</b>}</a><br /><a href="https://github.com/analogjs/analog/commits?author=hrmcdonald" title="Documentation">📖</a></td> <td align="center" valign="top" width="14.28%"><a href="https://ilteoood.xyz/"><img src="https://avatars.githubusercontent.com/u/6383527?v=4?s=100" width="100px;" alt="Matteo Pietro Dazzi"/><br />_{<b>Matteo Pietro Dazzi</b>}</a><br /><a