Skip to content

tatiananeda/express-seo-breadcrumbs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Express Seo Breadcrumbs

A handy middleware to produce seo-friendly breadcrumbs with zero dependencies and simple interface. Breadcrumbs are accumulated while each new breadcrumb's url includes the url of the previous crumb, thus reflecting users journey in depth of the app. Main page crumb is always stored.

Getting Started

Prerequisites

Node.js and npm(for Linux users) should be installed;

An Express JS should be used on the project.

Installing

run

npm i -S express-seo-breadcrumbs

in your project main file (server.js, app.js or similar) include the following:

const breadcrumbs = require('express-seo-breadcrumbs');
app.use(breadcrumbs.init());

set home location:

app.use(breadcrumbs.setHome({ name: 'Home', url: '/' })); //sample values are defaults

whenever you need to set a breadcrumb use within the route:

app.get('/dashboard', (req, res) => {
    req.breadcrumbs({ name:'Dashboard', url: '/dashboard' });
 //...
});

access breadcrumbs to pass to front by calling req.breadcrumbs();

sample with express-handlebars:

app.get('/dashboard', (req, res) => {
    req.breadcrumbs({ name:'Dashboard', url: '/dashboard' });

    const breadcrumbs = req.breadcrumbs();

    res.render('dashboard', { breadcrumbs });
});

About

middleware to produce seo friendly breadcrumbs

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published