Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fulls1z3/ngx-meta

Dynamic page title & meta tags utility for Angular (w/server-side rendering)
https://github.com/fulls1z3/ngx-meta

angular angular2 angular4 aot dom meta meta-tags npm-package open-graph page-title seo server-side-rendering typescript universal

Last synced: 24 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/fulls1z3/ngx-meta
Owner: fulls1z3
License: mit
Created: 2016-11-09T14:30:23.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2022-10-10T17:17:00.000Z (about 2 years ago)
Last Synced: 2024-09-28T17:04:04.658Z (about 1 month ago)
Topics: angular, angular2, angular4, aot, dom, meta, meta-tags, npm-package, open-graph, page-title, seo, server-side-rendering, typescript, universal
Language: TypeScript
Homepage:
Size: 1.45 MB
Stars: 333
Watchers: 15
Forks: 47
Open Issues: 13
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

awesome-angular-components - @ngx-meta/core - Dynamic page title & meta tags utility for Angular (w/server-side rendering). (Uncategorized / Uncategorized)
awesome-angular-components - @ngx-meta/core - Dynamic page title & meta tags utility for Angular (w/server-side rendering). (Uncategorized / Uncategorized)

README

        # ngx-meta

Dynamic page title & 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 & 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)

Copyright (c) 2019 [Burak Tasci]

[@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