Skip to content
GitLab
    • Explore Projects Groups Snippets
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • C create-react-app
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 1,547
    • Issues 1,547
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 417
    • Merge requests 417
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Meta
  • create-react-app
  • Merge requests
  • !5480
An error occurred while fetching the assigned milestone of the selected merge_request.

<!-- Thank you for sending the PR!

  • Review changes

  • Download
  • Email patches
  • Plain diff
Closed Administrator requested to merge github/fork/petetnt/graphql-loader-docs into next 6 years ago
  • Overview 3
  • Commits 71
  • Pipelines 0
  • Changes 121

Created by: petetnt

If you changed any code, please provide us with clear instructions on how you verified your changes work. Bonus points for screenshots!

Happy contributing! -->

Compare
  • next (base)

and
  • latest version
    12f6a9d8
    71 commits, 2 years ago

121 files
+ 19853
- 2412

    Preferences

    File browser
    Compare changes
docus‎aurus‎
do‎cs‎
READ‎ME.md‎ +3 -0
getting-s‎tarted.md‎ +119 -0
user-g‎uide.md‎ +7 -0
web‎site‎
co‎re‎
Foot‎er.js‎ +101 -0
i1‎8n‎
en.‎json‎ +34 -0
page‎s/en‎
inde‎x.js‎ +193 -0
sta‎tic‎
c‎ss‎
custo‎m.css‎ +16 -0
i‎mg‎
fav‎icon‎
favic‎on.ico‎ +0 -0
docusau‎rus.svg‎ +1 -0
logo-‎og.png‎ +0 -0
oss_lo‎go.png‎ +0 -0
READ‎ME.md‎ +144 -0
packag‎e.json‎ +14 -0
sideba‎rs.json‎ +6 -0
siteCo‎nfig.js‎ +83 -0
yarn‎.lock‎ +5773 -0
fixt‎ures‎
out‎put‎
webpack-messa‎ge-formatting‎
index.‎test.js‎ +0 -157
jest.co‎nfig.js‎ +0 -5
setupOutp‎utTests.js‎ +0 -6
sm‎oke‎
boostr‎ap-sass‎
pub‎lic‎
index‎.html‎ +0 -9
index.‎test.js‎ +0 -17
builds-with-mu‎ltiple-runtimes‎
pub‎lic‎
index‎.html‎ +0 -9
index.‎test.js‎ +0 -17
graphql-‎with-mjs‎
pub‎lic‎
index‎.html‎ +0 -9
s‎rc‎
App‎.js‎ +0 -20
index.‎test.js‎ +0 -17
issue-5176-flow-‎class-properties‎
pub‎lic‎
index‎.html‎ +0 -9
index.‎test.js‎ +0 -13
relativ‎e-paths‎
pub‎lic‎
index‎.html‎ +0 -9
index.‎test.js‎ +0 -37
setupSmok‎eTests.js‎ +0 -10
util‎s.js‎ +0 -145
pack‎ages‎
babel-plugin-na‎med-asset-import‎
packag‎e.json‎ +1 -1
babel-prese‎t-react-app‎
READ‎ME.md‎ +2 -2
crea‎te.js‎ +3 -1
depende‎ncies.js‎ +4 -0
packag‎e.json‎ +2 -2
confusing-br‎owser-globals‎
READ‎ME.md‎ +1 -4
packag‎e.json‎ +1 -1
create-r‎eact-app‎
READ‎ME.md‎ +2 -2
createRe‎actApp.js‎ +44 -1
packag‎e.json‎ +3 -2
yarn.loc‎k.cached‎ +9694 -0
eslint-conf‎ig-react-app‎
READ‎ME.md‎ +17 -17
packag‎e.json‎ +2 -2
react-app‎-polyfill‎
packag‎e.json‎ +1 -1
react-d‎ev-utils‎
FileSizeR‎eporter.js‎ +4 -4
launchE‎ditor.js‎ +4 -2
packag‎e.json‎ +2 -2
react-err‎or-overlay‎
packag‎e.json‎ +4 -4
react-‎scripts‎
con‎fig‎
webpack.co‎nfig.dev.js‎ +8 -16
webpack.con‎fig.prod.js‎ +28 -26
fixtures/k‎itchensink‎
READ‎ME.md‎ +9 -10
scr‎ipts‎
ut‎ils‎
createJes‎tConfig.js‎ +16 -2
verifyPack‎ageTree.js‎ +16 -7
tes‎t.js‎ +22 -1
temp‎late‎
pub‎lic‎
index‎.html‎ +1 -1
s‎rc‎
serviceW‎orker.js‎ +18 -14
READ‎ME.md‎ +209 -44
READ‎ME.md‎ +2 -2
packag‎e.json‎ +7 -7
ta‎sks‎
compile-l‎ockfile.js‎ +49 -0
e2e-beh‎avior.sh‎ +3 -5
publi‎sh.sh‎ +1 -1
te‎st‎
fixt‎ures‎
__sha‎red__‎
templat‎e/public‎
index‎.html‎ +0 -0
ut‎il‎
scrip‎ts.js‎ +113 -0
setu‎p.js‎ +104 -0
test-s‎etup.js‎ +21 -0
boostr‎ap-sass‎
s‎rc‎
inde‎x.js‎ +0 -0
index‎.sass‎ +0 -0
.disab‎le-pnp‎ +0 -0
index.‎test.js‎ +16 -0
packag‎e.json‎ +0 -0
builds-with-mu‎ltiple-runtimes‎
s‎rc‎
inde‎x.js‎ +0 -0
index.‎test.js‎ +10 -0
packag‎e.json‎ +1 -0
issue-5176-flow-‎class-properties‎
s‎rc‎
App‎.js‎ +0 -0
App.t‎est.js‎ +0 -0
index.‎test.js‎ +8 -0
packag‎e.json‎ +0 -0
mjs-s‎upport‎
__snap‎shots__‎
index.tes‎t.js.snap‎ +5 -0
s‎rc‎
App‎.js‎ +63 -0
inde‎x.js‎ +0 -0
index.‎test.js‎ +43 -0
packag‎e.json‎ +3 -1
relativ‎e-paths‎
s‎rc‎
inde‎x.css‎ +0 -0
inde‎x.js‎ +0 -0
logo‎.svg‎ +0 -0
index.‎test.js‎ +25 -0
packag‎e.json‎ +0 -0
webpack-messa‎ge-formatting‎
__snap‎shots__‎
index.tes‎t.js.snap‎ +11 -11
s‎rc‎
AppAliasUnkn‎ownExport.js‎ +0 -0
AppBa‎bel.js‎ +0 -0
AppCs‎s.css‎ +0 -0
AppC‎ss.js‎ +0 -0
AppIncorr‎ectCase.js‎ +0 -0
AppLint‎Error.js‎ +0 -0
AppLintW‎arning.js‎ +0 -0
AppMissing‎Package.js‎ +0 -0
AppNoDe‎fault.js‎ +0 -0
AppOutOfSco‎peImport.js‎ +0 -0
AppSa‎ss.js‎ +0 -0
AppSas‎s.scss‎ +0 -0
AppUnknow‎nExport.js‎ +0 -0
AppUnkno‎wnFile.js‎ +0 -0
Expor‎t5.js‎ +0 -0
ExportNoD‎efault.js‎ +0 -0
FooExp‎ort.js‎ +0 -0
inde‎x.js‎ +0 -0
.disab‎le-pnp‎ +0 -0
index.‎test.js‎ +136 -0
packag‎e.json‎ +0 -0
READ‎ME.md‎ +45 -0
jest.co‎nfig.js‎ +3 -2
.trav‎is.yml‎ +1 -1
CHANGELO‎G-0.x.md‎ +1 -1
CHANGELO‎G-1.x.md‎ +1872 -0
CHANGE‎LOG.md‎ +626 -1672
CONTRIB‎UTING.md‎ +29 -12
READ‎ME.md‎ +37 -35
packag‎e.json‎ +6 -4
docusaurus/docs/README.md 0 → 100644
+ 3
- 0
  • View file @ 12f6a9d8

 
# Nothing to see here right now
 
 
Please refer to the [Readme](https://github.com/facebook/create-react-app/blob/master/README.md) or the [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md).
docusaurus/docs/getting-started.md 0 → 100644
+ 119
- 0
  • View file @ 12f6a9d8

 
---
 
id: getting-started
 
title: Getting started
 
sidebar_label: Getting started
 
---
 
 
## Quick Overview
 
 
```sh
 
npx create-react-app my-app
 
cd my-app
 
npm start
 
```
 
 
_([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) comes with npm 5.2+ and higher, see [instructions for older npm versions](https://gist.github.com/gaearon/4064d3c23a77c74a3614c498a8bb1c5f))_
 
 
Then open [http://localhost:3000/](http://localhost:3000/) to see your app.<br>
 
When you’re ready to deploy to production, create a minified bundle with `npm run build`.
 
 
<p align='center'>
 
<img src='https://cdn.rawgit.com/facebook/create-react-app/27b42ac/screencast.svg' width='600' alt='npm start'>
 
</p>
 
 
### Get Started Immediately
 
 
You **don’t** need to install or configure tools like Webpack or Babel.<br>
 
They are preconfigured and hidden so that you can focus on the code.
 
 
Just create a project, and you’re good to go.
 
 
## Creating an App
 
 
**You’ll need to have Node >= 6 on your local development machine** (but it’s not required on the server). You can use [nvm](https://github.com/creationix/nvm#installation) (macOS/Linux) or [nvm-windows](https://github.com/coreybutler/nvm-windows#node-version-manager-nvm-for-windows) to easily switch Node versions between different projects.
 
 
To create a new app, you may choose one of the following methods:
 
 
### npx
 
 
```sh
 
npx create-react-app my-app
 
```
 
 
_([npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) comes with npm 5.2+ and higher, see [instructions for older npm versions](https://gist.github.com/gaearon/4064d3c23a77c74a3614c498a8bb1c5f))_
 
 
### npm
 
 
```sh
 
npm init react-app my-app
 
```
 
 
_`npm init <initializer>` is available in npm 6+_
 
 
### Yarn
 
 
```sh
 
yarn create react-app my-app
 
```
 
 
_`yarn create` is available in Yarn 0.25+_
 
 
It will create a directory called `my-app` inside the current folder.<br>
 
Inside that directory, it will generate the initial project structure and install the transitive dependencies:
 
 
```
 
my-app
 
├── README.md
 
├── node_modules
 
├── package.json
 
├── .gitignore
 
├── public
 
│ ├── favicon.ico
 
│ ├── index.html
 
│ └── manifest.json
 
└── src
 
├── App.css
 
├── App.js
 
├── App.test.js
 
├── index.css
 
├── index.js
 
├── logo.svg
 
└── serviceWorker.js
 
```
 
 
No configuration or complicated folder structures, just the files you need to build your app.<br>
 
Once the installation is done, you can open your project folder:
 
 
```sh
 
cd my-app
 
```
 
 
Inside the newly created project, you can run some built-in commands:
 
 
### `npm start` or `yarn start`
 
 
Runs the app in development mode.<br>
 
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
 
 
The page will automatically reload if you make changes to the code.<br>
 
You will see the build errors and lint warnings in the console.
 
 
<p align='center'>
 
<img src='https://cdn.rawgit.com/marionebl/create-react-app/9f62826/screencast-error.svg' width='600' alt='Build errors'>
 
</p>
 
 
### `npm test` or `yarn test`
 
 
Runs the test watcher in an interactive mode.<br>
 
By default, runs tests related to files changed since the last commit.
 
 
[Read more about testing.](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#running-tests)
 
 
### `npm run build` or `yarn build`
 
 
Builds the app for production to the `build` folder.<br>
 
It correctly bundles React in production mode and optimizes the build for the best performance.
 
 
The build is minified and the filenames include the hashes.<br>
 
 
Your app is ready to be deployed.
docusaurus/docs/user-guide.md 0 → 100644
+ 7
- 0
  • View file @ 12f6a9d8

 
---
 
id: user-guide
 
title: User guide
 
sidebar_label: User guide
 
---
 
 
The user guide can be found on [GitHub](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) for now.
docusaurus/website/core/Footer.js 0 → 100644
+ 101
- 0
  • View file @ 12f6a9d8

 
/**
 
* 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');
 
 
class Footer extends React.Component {
 
docUrl(doc, language) {
 
const baseUrl = this.props.config.baseUrl;
 
return `${baseUrl}docs/${language ? `${language}/` : ''}${doc}`;
 
}
 
 
pageUrl(doc, language) {
 
const baseUrl = this.props.config.baseUrl;
 
return baseUrl + (language ? `${language}/` : '') + doc;
 
}
 
 
render() {
 
return (
 
<footer className="nav-footer" id="footer">
 
<section className="sitemap">
 
<a href={this.props.config.baseUrl} className="nav-home">
 
{this.props.config.footerIcon && (
 
<img
 
src={this.props.config.baseUrl + this.props.config.footerIcon}
 
alt={this.props.config.title}
 
width="66"
 
height="58"
 
/>
 
)}
 
</a>
 
<div>
 
<h5>Docs</h5>
 
<a href={this.docUrl('getting-started', this.props.language)}>
 
Getting Started
 
</a>
 
<a href={this.docUrl('user-guide', this.props.language)}>
 
User Guide
 
</a>
 
<a href={this.docUrl('doc3.html', this.props.language)}>
 
API Reference (or other categories)
 
</a>
 
</div>
 
<div>
 
<h5>Community</h5>
 
<a
 
href="http://stackoverflow.com/questions/tagged/"
 
target="_blank"
 
rel="noreferrer noopener"
 
>
 
Stack Overflow
 
</a>
 
<a href="https://discordapp.com/">Project Chat</a>
 
<a
 
href="https://twitter.com/"
 
target="_blank"
 
rel="noreferrer noopener"
 
>
 
Twitter
 
</a>
 
</div>
 
<div>
 
<h5>More</h5>
 
<a href="https://github.com/">GitHub</a>
 
<a
 
className="github-button"
 
href={this.props.config.repoUrl}
 
data-icon="octicon-star"
 
data-count-href="/facebook/docusaurus/stargazers"
 
data-show-count="true"
 
data-count-aria-label="# stargazers on GitHub"
 
aria-label="Star this project on GitHub"
 
>
 
Star
 
</a>
 
</div>
 
</section>
 
 
<a
 
href="https://code.facebook.com/projects/"
 
target="_blank"
 
rel="noreferrer noopener"
 
className="fbOpenSource"
 
>
 
<img
 
src={`${this.props.config.baseUrl}img/oss_logo.png`}
 
alt="Facebook Open Source"
 
width="170"
 
height="45"
 
/>
 
</a>
 
<section className="copyright">{this.props.config.copyright}</section>
 
</footer>
 
);
 
}
 
}
 
 
module.exports = Footer;
docusaurus/website/i18n/en.json 0 → 100644
+ 34
- 0
  • View file @ 12f6a9d8

 
{
 
"_comment": "This file is auto-generated by write-translations.js",
 
"localized-strings": {
 
"next": "Next",
 
"previous": "Previous",
 
"tagline": "Create React apps with no build configuration.",
 
"docs": {
 
"getting-started": {
 
"title": "Getting started",
 
"sidebar_label": "Getting started"
 
},
 
"README": {
 
"title": "README"
 
},
 
"user-guide": {
 
"title": "User guide",
 
"sidebar_label": "User guide"
 
}
 
},
 
"links": {
 
"Getting started": "Getting started",
 
"Help": "Help"
 
},
 
"categories": {
 
"Getting Started": "Getting Started",
 
"User Guide": "User Guide"
 
}
 
},
 
"pages-strings": {
 
"Help Translate|recruit community translators for your project": "Help Translate",
 
"Edit this Doc|recruitment message asking to edit the doc source": "Edit",
 
"Translate this Doc|recruitment message asking to translate the docs": "Translate"
 
}
 
}
docusaurus/website/pages/en/index.js 0 → 100755
+ 193
- 0
  • View file @ 12f6a9d8

 
/**
 
* 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('../../core/CompLibrary.js');
 
 
const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
 
const Container = CompLibrary.Container;
 
const GridBlock = CompLibrary.GridBlock;
 
 
const siteConfig = require(`${process.cwd()}/siteConfig.js`);
 
 
function imgUrl(img) {
 
return `${siteConfig.baseUrl}img/${img}`;
 
}
 
 
function docUrl(doc, language) {
 
return `${siteConfig.baseUrl}docs/${language ? `${language}/` : ''}${doc}`;
 
}
 
 
function pageUrl(page, language) {
 
return siteConfig.baseUrl + (language ? `${language}/` : '') + page;
 
}
 
 
class Button extends React.Component {
 
render() {
 
return (
 
<div className="pluginWrapper buttonWrapper">
 
<a className="button" href={this.props.href} target={this.props.target}>
 
{this.props.children}
 
</a>
 
</div>
 
);
 
}
 
}
 
 
Button.defaultProps = {
 
target: '_self',
 
};
 
 
const SplashContainer = props => (
 
<div className="homeContainer">
 
<div className="homeSplashFade">
 
<div className="wrapper homeWrapper">{props.children}</div>
 
</div>
 
</div>
 
);
 
 
const Logo = props => (
 
<div className="projectLogo">
 
<img src={props.img_src} alt="Project Logo" />
 
</div>
 
);
 
 
const ProjectTitle = () => (
 
<h2 className="projectTitle">
 
{siteConfig.title}
 
<small>{siteConfig.tagline}</small>
 
</h2>
 
);
 
 
const PromoSection = props => (
 
<div className="section promoSection">
 
<div className="promoRow">
 
<div className="pluginRowBlock">{props.children}</div>
 
</div>
 
</div>
 
);
 
 
class HomeSplash extends React.Component {
 
render() {
 
const language = this.props.language || '';
 
return (
 
<SplashContainer>
 
<Logo img_src={imgUrl('docusaurus.svg')} />
 
<div className="inner">
 
<ProjectTitle />
 
<PromoSection>
 
<Button href="#try">Try It Out</Button>
 
<Button href={docUrl('getting-started', language)}>
 
Get started
 
</Button>
 
<Button href={docUrl('user-guide', language)}>User guide</Button>
 
</PromoSection>
 
</div>
 
</SplashContainer>
 
);
 
}
 
}
 
 
const Block = props => (
 
<Container
 
padding={['bottom', 'top']}
 
id={props.id}
 
background={props.background}
 
>
 
<GridBlock align="center" contents={props.children} layout={props.layout} />
 
</Container>
 
);
 
 
const Features = () => (
 
<Block layout="fourColumn">
 
{[
 
{
 
content: 'This is the content of my feature',
 
image: imgUrl('docusaurus.svg'),
 
imageAlign: 'top',
 
title: 'Feature One',
 
},
 
{
 
content: 'The content of my second feature',
 
image: imgUrl('docusaurus.svg'),
 
imageAlign: 'top',
 
title: 'Feature Two',
 
},
 
]}
 
</Block>
 
);
 
 
const FeatureCallout = () => (
 
<div
 
className="productShowcaseSection paddingBottom"
 
style={{ textAlign: 'center' }}
 
>
 
<h2>Feature Callout</h2>
 
<MarkdownBlock>These are features of this project</MarkdownBlock>
 
</div>
 
);
 
 
const LearnHow = () => (
 
<Block background="light">
 
{[
 
{
 
content: 'Talk about learning how to use this',
 
image: imgUrl('docusaurus.svg'),
 
imageAlign: 'right',
 
title: 'Learn How',
 
},
 
]}
 
</Block>
 
);
 
 
const TryOut = () => (
 
<Block id="try">
 
{[
 
{
 
content: 'Talk about trying this out',
 
image: imgUrl('docusaurus.svg'),
 
imageAlign: 'left',
 
title: 'Try it Out',
 
},
 
]}
 
</Block>
 
);
 
 
const Description = () => (
 
<Block background="dark">
 
{[
 
{
 
content: 'This is another description of how this project is useful',
 
image: imgUrl('docusaurus.svg'),
 
imageAlign: 'right',
 
title: 'Description',
 
},
 
]}
 
</Block>
 
);
 
 
class Index extends React.Component {
 
render() {
 
const language = this.props.language || '';
 
 
return (
 
<div>
 
<HomeSplash language={language} />
 
<div className="mainContainer">
 
<Features />
 
<FeatureCallout />
 
<LearnHow />
 
<TryOut />
 
<Description />
 
</div>
 
</div>
 
);
 
}
 
}
 
 
module.exports = Index;
docusaurus/website/static/css/custom.css 0 → 100644
+ 16
- 0
  • View file @ 12f6a9d8

 
/* your custom css */
 
 
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
 
}
 
 
@media only screen and (min-width: 1024px) {
 
}
 
 
@media only screen and (max-width: 1023px) {
 
}
 
 
@media only screen and (min-width: 1400px) {
 
}
 
 
@media only screen and (min-width: 1500px) {
 
}
 
\ No newline at end of file
docusaurus/website/static/img/favicon/favicon.ico 0 → 100644
+ 0
- 0
  • View file @ 12f6a9d8

24.26 KiB

docusaurus/website/static/img/docusaurus.svg 0 → 100644
+ 1
- 0
  • View file @ 12f6a9d8

Files with large changes are collapsed by default.

docusaurus/website/static/img/logo-og.png 0 → 100644
+ 0
- 0
  • View file @ 12f6a9d8

10.50 KiB

docusaurus/website/static/img/oss_logo.png 0 → 100644
+ 0
- 0
  • View file @ 12f6a9d8

4.27 KiB

docusaurus/website/README.md 0 → 100644
+ 144
- 0
  • View file @ 12f6a9d8

 
This website was created with [Docusaurus](https://docusaurus.io/).
 
 
# What's In This Document
 
 
* [Get Started in 5 Minutes](#get-started-in-5-minutes)
 
* [Directory Structure](#directory-structure)
 
* [Editing Content](#editing-content)
 
* [Adding Content](#adding-content)
 
* [Full Documentation](#full-documentation)
 
 
# Get Started in 5 Minutes
 
 
1. Make sure all the dependencies for the website are installed:
 
 
```sh
 
# Install dependencies
 
$ yarn
 
```
 
2. Run your dev server:
 
 
```sh
 
# Start the site
 
$ yarn start
 
```
 
 
## Directory Structure
 
 
Your project file structure should look something like this
 
 
```
 
my-docusaurus/
 
docs/
 
doc-1.md
 
doc-2.md
 
doc-3.md
 
website/
 
core/
 
node_modules/
 
pages/
 
static/
 
css/
 
img/
 
package.json
 
sidebar.json
 
siteConfig.js
 
```
 
 
# Editing Content
 
 
## Editing an existing docs page
 
 
Edit docs by navigating to `docs/` and editing the corresponding document:
 
 
`docs/doc-to-be-edited.md`
 
 
```markdown
 
---
 
id: page-needs-edit
 
title: This Doc Needs To Be Edited
 
---
 
 
Edit me...
 
```
 
 
For more information about docs, click [here](https://docusaurus.io/docs/en/navigation)
 
 
# Adding Content
 
 
## Adding a new docs page to an existing sidebar
 
 
1. Create the doc as a new markdown file in `/docs`, example `docs/newly-created-doc.md`:
 
 
```md
 
---
 
id: newly-created-doc
 
title: This Doc Needs To Be Edited
 
---
 
 
My new content here..
 
```
 
 
1. Refer to that doc's ID in an existing sidebar in `website/sidebar.json`:
 
 
```javascript
 
// Add newly-created-doc to the Getting Started category of docs
 
{
 
"docs": {
 
"Getting Started": [
 
"quick-start",
 
"newly-created-doc" // new doc here
 
],
 
...
 
},
 
...
 
}
 
```
 
 
For more information about adding new docs, click [here](https://docusaurus.io/docs/en/navigation)
 
 
## Adding items to your site's top navigation bar
 
 
1. Add links to docs, custom pages or external links by editing the headerLinks field of `website/siteConfig.js`:
 
 
`website/siteConfig.js`
 
```javascript
 
{
 
headerLinks: [
 
...
 
/* you can add docs */
 
{ doc: 'my-examples', label: 'Examples' },
 
/* you can add custom pages */
 
{ page: 'help', label: 'Help' },
 
/* you can add external links */
 
{ href: 'https://github.com/facebook/Docusaurus', label: 'GitHub' },
 
...
 
],
 
...
 
}
 
```
 
 
For more information about the navigation bar, click [here](https://docusaurus.io/docs/en/navigation)
 
 
## Adding custom pages
 
 
1. Docusaurus uses React components to build pages. The components are saved as .js files in `website/pages/en`:
 
1. If you want your page to show up in your navigation header, you will need to update `website/siteConfig.js` to add to the `headerLinks` element:
 
 
`website/siteConfig.js`
 
```javascript
 
{
 
headerLinks: [
 
...
 
{ page: 'my-new-custom-page', label: 'My New Custom Page' },
 
...
 
],
 
...
 
}
 
```
 
 
For more information about custom pages, click [here](https://docusaurus.io/docs/en/custom-pages).
 
 
# Full Documentation
 
 
Full documentation can be found on the [website](https://docusaurus.io/).
0 Assignees
None
Assign to
0 Reviewers
None
Request review from
Labels
0
None
0
None
    Assign labels
  • Manage project labels

Milestone
No milestone
None
None
Time tracking
No estimate or time spent
Lock merge request
Unlocked
0
0 participants
Reference:
Source branch: github/fork/petetnt/graphql-loader-docs

Menu

Explore Projects Groups Snippets