How to use docusaurus - 10 common examples
To help you get started, we’ve selected a few docusaurus examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
verdaccio / website / website / pages / en / users.js View on Github 
const React = require('react');
const CompLibrary = require('docusaurus/lib/core/CompLibrary.js');
const Container = CompLibrary.Container;
const translate = require("docusaurus/lib/server/translate.js").translate;
const siteConfig = require(process.cwd() + '/siteConfig.js');
const createShowcase = (userList) => {
return userList.map((user, i) => {
return (
<a rel="noopener" href="{user.infoLink}">
<img title="{user.caption}" alt="{user.caption}" src="{siteConfig.baseUrl">
</a>
);
});
}
class Users extends React.Component {
render() {
/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const React = require('react');
const translate = require("docusaurus/lib/server/translate.js").translate;
const CompLibrary = require('docusaurus/lib/core/CompLibrary.js');
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
const siteConfig = require(process.cwd() + '/siteConfig.js');
class Help extends React.Component {
render() {
const supportLinks = [
{
content:
Learn more about Verdaccio using the [documentation on this site.](/docs/en/installation.html),
title: Browse Docs,
},
{
content: You can follow and contact us on + ' [Twitter](https://twitter.com/verdaccio_npm).',
title: 'Twitter',
},/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const React = require('react');
const CompLibrary = require('docusaurus/lib/core/CompLibrary.js');
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
const translate = require('docusaurus/lib/server/translate.js').translate;
const siteConfig = require(process.cwd() + '/siteConfig.js');
class Help extends React.Component {
render() {
const supportLinks = [
{
content: (
Learn more using the [documentation on this
site.](/docs/en/installation.html)
),const React = require('react');
const CompLibrary = require('docusaurus/lib/core/CompLibrary.js');
const Container = CompLibrary.Container;
const siteConfig = require(process.cwd() + '/siteConfig.js');
const NetworkLink = props => {
if (props.text) {
return (
<div>
<img alt="{props.iconAlt}" src="{props.iconSource}" width="{props.size}" height="{props.size}" style="{{">
<a rel="noreferrer noopener" href="{props.url}">
<span>{props.text}</span>
</a></div>const React = require('react');
const CompLibrary = require('docusaurus/lib/core/CompLibrary.js');
const translate = require("docusaurus/lib/server/translate.js").translate;
const translation = require('docusaurus/lib/server/translation.js');
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
const siteConfig = require(process.cwd() + '/siteConfig.js');
const createShowcase = (userList) => {
return userList
.filter((user) => {
if (user.pinned) {
return user;
}
})
.map((user, i) => {
return (
<a rel="noopener" href="{user.infoLink}">
<img title="{user.caption}" alt="{user.caption}" src="{siteConfig.baseUrl">
</a>/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const React = require('react');
const CompLibrary = require('docusaurus/lib/core/CompLibrary.js');
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
const translate = require('docusaurus/lib/server/translate.js').translate;
const siteConfig = require(process.cwd() + '/siteConfig.js');
class Help extends React.Component {
render() {
const supportLinks = [
{
content: (
Learn more using the [documentation on this
site.](/docs/en/installation.html)
),
title: Browse Docs,
},
{/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const React = require('react');
const translate = require("docusaurus/lib/server/translate.js").translate;
const CompLibrary = require('docusaurus/lib/core/CompLibrary.js');
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
const siteConfig = require(process.cwd() + '/siteConfig.js');
class Help extends React.Component {
render() {
const supportLinks = [
{
content:
Learn more about Verdaccio using the [documentation on this site.](/docs/en/installation.html),
title: Browse Docs,
},
{
content: You can follow and contact us on + ' [Twitter](https://twitter.com/verdaccio_npm).',const React = require('react');
const CompLibrary = require('docusaurus/lib/core/CompLibrary.js');
const translate = require("docusaurus/lib/server/translate.js").translate;
const translation = require('docusaurus/lib/server/translation.js');
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
const siteConfig = require(process.cwd() + '/siteConfig.js');
const createShowcase = (userList) => {
return userList
.filter((user) => {
if (user.pinned) {
return user;
}
})
.map((user, i) => {
return (
<a rel="noopener" href="{user.infoLink}"></a>const React = require('react');
const CompLibrary = require('docusaurus/lib/core/CompLibrary.js');
const Container = CompLibrary.Container;
const translate = require("docusaurus/lib/server/translate.js").translate;
const siteConfig = require(process.cwd() + '/siteConfig.js');
const createShowcase = (userList) => {
return userList.map((user, i) => {
return (
<a rel="noopener" href="{user.infoLink}">
<img title="{user.caption}" alt="{user.caption}" src="{siteConfig.baseUrl">
</a>
);
});
}
class Users extends React.Component {
render() {
return (const React = require('react');
const CompLibrary = require('docusaurus/lib/core/CompLibrary.js');
const translate = require("docusaurus/lib/server/translate.js").translate;
const translation = require('docusaurus/lib/server/translation.js');
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
const siteConfig = require(process.cwd() + '/siteConfig.js');
const createShowcase = (userList) => {
return userList
.filter((user) => {
if (user.pinned) {
return user;
}
})
.map((user, i) => {
return (
<a rel="noopener" href="{user.infoLink}">
<img title="{user.caption}" alt="{user.caption}" src="{siteConfig.baseUrl">
</a>
);docusaurus
Easy to Maintain Open Source Documentation Websites
