feature: support Plugins Hub

[Serendipity96]

Actual Behaviour

APISIX has many plugins, but there is no list of plugins on the website.

Expected Behaviour

• Add a tab on the navbar to the home page.
• There is a list of all plugins Under the tab.
• Click on any plugin, jump to the readme or get started tutorial.

Screenshots of the issue

[iamayushdas]

its there, http://apisix.apache.org/docs/apisix/getting-started , you can close this issue now

[iamayushdas]

also @Serendipity96 I got to know you need wall image of all companies, any update

[KishaniKandasamy]

@Serendipity96 you meant something similar to https://docs.konghq.com/hub/? a list of plugins.If yes I would like to work on this issue:)

[Serendipity96]

its there, http://apisix.apache.org/docs/apisix/getting-started , you can close this issue now

Now, the list of plugins is hidden too deep and hard to find. We support more than 50 plugins and want more people to know about the plugins.

[Serendipity96]

@Serendipity96 you meant something similar to https://docs.konghq.com/hub/? a list of plugins.If yes I would like to work on this issue:)

Yes. Cool!

[Serendipity96]

also @Serendipity96 I got to know you need wall image of all companies, any update

Yes, I am arranging the order of the images.

[iamayushdas]

its there, http://apisix.apache.org/docs/apisix/getting-started , you can close this issue now

Now, the list of plugins is hidden too deep and hard to find. We support more than 50 plugins and want more people to know about the plugins.

I understand but I don't like the way of adding it specially, BTW where do you want to put those plugins, in homepage or somewhere else?

[iamayushdas]

also @Serendipity96 I got to know you need wall image of all companies, any update

Yes, I am arranging the order of the images.

Okay

[Serendipity96]

its there, http://apisix.apache.org/docs/apisix/getting-started , you can close this issue now

Now, the list of plugins is hidden too deep and hard to find. We support more than 50 plugins and want more people to know about the plugins.

I understand but I don't like the way of adding it specially, BTW where do you want to put those plugins, in homepage or somewhere else?

I think these plugins are meaningful for developers and the community. We should show them on the homepage navbar.

Expected Behaviour

• Add a tab on the navbar to the home page.
• Click the tab to a new page, all plugins are on the page.
• Click on any plugin, jump to the readme or get started tutorial.

[iamayushdas]

Navbar is already too much populated, think something else, ik you can

[iamayushdas]

Lets know the opinion here-

cc @juzhiyuan @Yiyiyimu

[KishaniKandasamy]

@Serendipity96 you meant something similar to https://docs.konghq.com/hub/? a list of plugins.If yes I would like to work on this issue:)

Yes. Cool!

Great I will work on this issue

[juzhiyuan]

Now we have Docs/Blog/Events/Downloads/Team/Help on the navbar, how about add a Resource or More dropdown menu?

Then we could keep: Blog/Docs/Downloads/Team/Resources, and put Plugins Hub/Events/Help under the Resources menu?

[iamayushdas]

Now we have Docs/Blog/Events/Downloads/Team/Help on the navbar, how about add a Resource or More dropdown menu?

Then we could keep: Blog/Docs/Downloads/Team/Resources, and put Plugins Hub/Events/Help under the Resources menu?

yes that would be far better

[KishaniKandasamy]

Now we have Docs/Blog/Events/Downloads/Team/Help on the navbar, how about add a Resource or More dropdown menu?

Then we could keep: Blog/Docs/Downloads/Team/Resources, and put Plugins Hub/Events/Help under the Resources menu?

nice

[1502shivam-singh]

I think these plugins are meaningful for developers and the community. We should show them on the homepage navbar.

Expected Behaviour

• Add a tab on the navbar to the home page.
• Click the tab to a new page, all plugins are on the page.
• Click on any plugin, jump to the readme or get started tutorial.

I think this stuff belongs to the docs, as in a special section to this, which already is present as a matter of fact.
What we can actually do is focus on making this section more apparent given that APISIX boasts of a pluginised workflow.

I think a better aproach would be to do this stuff where it is, like we have a plugin library on the dashboard right, so we lead the user to the plugin doc straight from the dashboard rather than making them search it on the site. This works for the dashboard users. For the rest, docs are pretty clear I guess.

[juzhiyuan]

@1502shivam-singh Yes, you are right, but another point to add Plugins Hub is because, we could let more people who haven't been using the Dashboard know, what plugins it contains, it's attractive for visitors :) I would agree to support Plugins Hub on the Apache APISIX Webiste.

[iamayushdas]

@1502shivam-singh Yes, you are right, but another point to add Plugins Hub is because, we could let more people who haven't been using the Dashboard know, what plugins it contains, it's attractive for visitors :) I would agree to support Plugins Hub on the Apache APISIX Webiste.

Agree +1

[1502shivam-singh]

@1502shivam-singh Yes, you are right, but another point to add Plugins Hub is because, we could let more people who haven't been using the Dashboard know, what plugins it contains, it's attractive for visitors :) I would agree to support Plugins Hub on the Apache APISIX Webiste.

I am with this, it is just that I want this to stick more in the docs side of things. My main point is on making it more apparent yet keeping the navs clean.

If it's about attracting more visitors and making plugins more accessible then I feel the suggestion you provided above about including it in the navbar under resources sounds more cleaner rather than making a whole separate tab for plugins.

[juzhiyuan]

fine, @1502shivam-singh then do you have time to lead this? I see you have lots of design experience, we may need a prototype first 😊

[1502shivam-singh]

Sure, happy to help. So we will need a high level wireframe of how this library kind of page will look like. Will share here soon

[1502shivam-singh]

A quick wireframe can base development on this.

Some background, in the plugin cards those crossed boxes are where the plugin icon will go. The structure of cards is like this ->

Plugin icon
Plugin name
Small concise description of plugin (taken from docs)
Read more, a link to the related plugin in docs like - https://apisix.apache.org/docs/apisix/plugins/#pluginName

I was thinking of adding a "search plugin by name" option but have dropped it for now in this one given that the plugin lists are not so long really. If we do need one we can add a global search option on plugins regardless of type.

If you want to see the figma board - https://www.figma.com/file/Z46kvRBwmA4PS5FnCCfTrU/Plugin-library?node-id=3%3A2

[juzhiyuan]

That's cool, and will it connect to the plugin docs?

[1502shivam-singh]

Yes, as I said in the card structure. Read more leads to related plugin in docs (https://apisix.apache.org/docs/apisix/plugins/#pluginName)

[1502shivam-singh]

I made some very tiny subtle edits (image above also updated) like spacings and removed APISIX from title as it's just repititive information. If any one wants to submit some comments or suggest edits feel free to click the figma board link above (pasting here too - https://www.figma.com/file/Z46kvRBwmA4PS5FnCCfTrU/Plugin-library?node-id=3%3A2). This maybe seems pretty good to start with, anyone who wants to work on this issue can maybe base coding on this after little more discussion I guess.

[juzhiyuan]

looks good to me!

[1502shivam-singh]

I guess we are good to go then 🚀

[juzhiyuan]

ya

[KishaniKandasamy]

@Serendipity96 you meant something similar to https://docs.konghq.com/hub/? a list of plugins.If yes I would like to work on this issue:)

Yes. Cool!

Great I will work on this issue

@juzhiyuan Shall I work on this issue?

[juzhiyuan]

Sure, and using this ptototype?

#409 (comment)

[KishaniKandasamy]

Sure, and using this ptototype?

#409 (comment)

Yes