Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/stefanocudini/labshub

Static web site generator for create an Hub to organizing a set of NPM packages by keywords
https://github.com/stefanocudini/labshub

blog-generator hub javascript npm npmjs package-manager site-generator

Last synced: 4 months ago
JSON representation

Static web site generator for create an Hub to organizing a set of NPM packages by keywords

Awesome Lists containing this project

README

        

# LabsHub

A static site generator for create an Hub to organizing a set of NPM packages by keywords

LabsHub generate automatically a nice and simple user interface that shows projects including their name, description and allows you to search through the keywords defined in each *package.json* files.

[Demo](https://opengeo.tech/)

![labshub](https://user-images.githubusercontent.com/47107/132944075-b024ea9b-9faf-4080-a7d2-46efc5bc2d9d.gif)

## Usage
Copy or linking projects directories inside root path
```bash
cp -r /var/www/my-npm-projects/* ./
```
LabsHub allows you to centrally manage all of npm projects(contains package.json file) deployed in your website through a single configuration file(labshub.json). Edit [labshub.json](https://github.com/stefanocudini/labs/blob/master/labshub.json) adding details about npm packages inside the root directory.
```javascript
{
"pages": {
"index.tmpl.html": "index.html",
"maps.tmpl.html": "maps/index.html"
},
"pageOut": "index.html",
"pageTmpl": "index.tmpl.html",
"packagesIgnore": [
"**/node_modules/**",
"hidden-project"
],
"packages": {
"package-dir-name": {
"name": "package name override package.json name",
"keywords": ["bootstrap","jquery","css3"],
"rank": 2
},
...
```

### generate index.html
```bash
npm i
npm run build
```