ngx-meta - GitLite

KO | EN

gitlite — search

#python #go #android #deep-learning #nodejs #java #awesome #cli #kubernetes #vue #security #ios #mcp #openai

ngx-meta

(★ 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

# Installation Guide

1. Get the code

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

Downloads the entire project code from GitHub to your computer.

cd ngx-meta

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// 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)

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