[solved] Mantra/React head includes (css,meta,js,title)

react
1

Where would be the correct place to include the code for page title, meta tags, css fonts and so on when using Mantra?

I was wondering if there is a way around wrapping everything into a blaze template that includes that…

2

Read on react-mounter for including page title and meta tags. There are nothing about blaze in Mantra as it is architecture for React.

3

You can use docHead for that.
See: https://github.com/kadirahq/meteor-dochead

2 Likes
4

Thanks!

meteor-dochead is a great solution.

Example for including CSS. They also support title, meta, JS and JSON data:

Server side:

var linkInfo = {
  rel: "stylesheet", 
  href: "https://fonts.googleapis.com/icon?family=Material+Icons"
};
DocHead.addLink(linkInfo);
5

Where I should put this code above in the Mantra app?

6

Create a new file: /client/configs/page_setup.js with the following code:

export default function () {

var title = "Your Page Title";
DocHead.setTitle(title);

var metaInfo = {name: "description", content: "DESCRIPTION"};
DocHead.addMeta(metaInfo);

var linkInfo = {rel: "stylesheet", href: "https://fonts.googleapis.com/icon?family=Material+Icons"};

DocHead.addLink(linkInfo);

}

Add the following to the file /client/main.js

import PageSetup from “./configs/page_setup”;
PageSetup();

1 Like
7

Thanks for help @ibasso ^ ^