ngx-meta

KO | EN

gitlite — search

#python #react #llm #machine-learning #rust #linux #nodejs #awesome #cli #kubernetes #awesome-list #vue #ios #mcp

(★ 334)

Dynamic page title & meta tags utility for Angular (w/server-side rendering)

File Explorer

Download Latest Version (.zip)

- config.yml
- CODEOWNERS
- ISSUE_TEMPLATE.md
- PULL_REQUEST_TEMPLATE.md
- - helpers.ts
  - packager.ts
  - tsconfig.package.json
- - jest.setup.ts
- tslint.json
.editorconfig
.gitignore
.lintstagedrc
.prettierignore
.prettierrc
CHANGELOG.md
CODE_OF_CONDUCT.md
commitlint.config.js
CONTRIBUTING.md
lerna.json
LICENSE
package.json
README.md
tsconfig.json
tsconfig.lint.json
tslint.json
yarn.lock

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ngx-meta

Dynamic page title &amp; meta tags generator for **Angular**

[![CircleCI](https://circleci.com/gh/fulls1z3/ngx-meta.svg?style=shield)](https://circleci.com/gh/fulls1z3/ngx-meta)
[![coverage](https://codecov.io/github/fulls1z3/ngx-meta/coverage.svg?branch=master)](https://codecov.io/gh/fulls1z3/ngx-meta)
[![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)
[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org)
[![Greenkeeper badge](https://badges.greenkeeper.io/fulls1z3/ngx-meta.svg)](https://greenkeeper.io/)
[![Angular Style Guide](https://mgechev.github.io/angular2-style-guide/images/badge.svg)](https://angular.io/styleguide)

> Please support this project by simply putting a Github star. Share this library with friends on Twitter and everywhere else you can.

**`ngx-meta`** updates the **page title** and **meta tags** every time the route changes, based on **Angular** app's route
configuration.

- When the **Angular** app uses **server-side** rendering, the meta tags and page titles generated by **`ngx-meta`** successfully
  appear on HTML source, due to its platform-free workflow. This allows the SPA to be **crawled and rendered** by the search
  engines, as well as **sharing** the website **link** on social networks (facebook, twitter, etc).
- It also supports resolving values [using a `callback` function](https://github.com/fulls1z3/ngx-meta/tree/master/packages/@ngx-meta/core/README.md#using-a-callback-function)
  to use a custom logic on the meta tag contents (_`http-get`, [@ngx-translate/core], etc._).

## Packages:

| Name                                                                                       | Description                                                  | NPM                                                                                                             |
| ------------------------------------------------------------------------------------------ | ------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------- |
| [@ngx-meta/core](https://github.com/fulls1z3/ngx-meta/tree/master/packages/@ngx-meta/core) | Dynamic page title &amp; meta tags generator for **Angular** | [![npm version](https://badge.fury.io/js/%40ngx-meta%2Fcore.svg)](https://www.npmjs.com/package/@ngx-meta/core) |

### Examples

- [ng-seed/universal] and [fulls1z3/example-app] are officially maintained projects, showcasing common patterns and best
  practices for **`ngx-meta`**.

## Contributing

If you want to file a bug, contribute some code, or improve documentation, please read up on the following contribution guidelines:

- [Issue guidelines](CONTRIBUTING.md#submit)
- [Contributing guidelines](CONTRIBUTING.md)
- [Coding rules](CONTRIBUTING.md#rules)
- [Change log](/releases)

#### Thanks to

- [JetBrains], for their support to this open source project with free [WebStorm] licenses.

## License

The MIT License (MIT)

[@ngx-translate/core]: https://github.com/ngx-translate/core
[ng-seed/universal]: https://github.com/ng-seed/universal
[fulls1z3/example-app]: https://github.com/fulls1z3/example-app
[jetbrains]: https://www.jetbrains.com/community/opensource
[webstorm]: https://www.jetbrains.com/webstorm
[burak tasci]: https://github.com/fulls1z3

ngx-meta

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

ngx-meta

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README