{"componentChunkName":"component---src-templates-blog-template-js","path":"/docs/additional-pages","result":{"data":{"markdownRemark":{"html":"

About Page

\n

The store config view has the option to add an \"About\" page. This link will add a link in the banner to /about, and will display the saved text.

\n

\n \n \n \n \n

\n

Even More Pages

\n

To add a new page to your site (for example, a \"Contact Us\" page), start by creating a component similar to AboutPage.js.

\n

Next, add a new route for your page in src/App.js inside the render function:

\n
<Route exact path=\"/new-page\" component={NewPage} />\n
\n

Finally, add your page to the Banner Nav links, go to src/components/ui/Banner.js and add your route to the links array.

\n
let links = [\n  { url: \"/shop\", label: \"Shop\" },\n  { url: \"/new-page\", label: \"New Page\" }\n];\n
","frontmatter":{"path":"/docs/additional-pages","date":"2020-01-06T20:12:33.962Z","header":"Store Configuration","title":"Adding Pages ๐Ÿ“„"}}},"pageContext":{"pages":[{"path":"/docs/changelog","title":"Changelog & To Do's ๐Ÿ“","header":"Beluga Next Steps","date":"2020-01-11T17:12:33.962Z"},{"path":"/docs/seo-social","title":"SEO and Social Media ๐Ÿ’ป","header":"Launching Your Store","date":"2020-01-10T17:12:33.962Z"},{"path":"/docs/deploy-to-heroku","title":"Deploying To Heroku ๐Ÿš€","header":"Launching Your Store","date":"2020-01-09T17:12:33.962Z"},{"path":"/docs/gmail-oauth","title":"Setting up Gmail Oauth2 ๐Ÿ“ฌ","header":"Managing Orders","date":"2020-01-07T19:12:33.962Z"},{"path":"/docs/email-templates","title":"Email Templates ๐Ÿงพ","header":"Managing Orders","date":"2020-01-07T18:12:33.962Z"},{"path":"/docs/managing-orders","title":"Order Admin ๐Ÿ“ฆ","header":"Managing Orders","date":"2020-01-07T16:12:33.962Z"},{"path":"/docs/custom-products","title":"Advanced: Custom Product Data ๐Ÿ’ซ","header":"Store Configuration","date":"2020-01-06T22:12:33.962Z"},{"path":"/docs/shipping","title":"Checkout & Shipping ๐Ÿ›’","header":"Store Configuration","date":"2020-01-06T21:12:33.962Z"},{"path":"/docs/additional-pages","title":"Adding Pages ๐Ÿ“„","header":"Store Configuration","date":"2020-01-06T20:12:33.962Z"},{"path":"/docs/adding-collections","title":"Adding Collections ๐Ÿ“‚","header":"Store Configuration","date":"2020-01-06T19:12:33.962Z"},{"path":"/docs/adding-products","title":"Adding Products ๐ŸŽ","header":"Store Configuration","date":"2020-01-06T18:12:33.962Z"},{"path":"/docs/theming-design","title":"Theming & Design ๐ŸŽจ","header":"Store Configuration","date":"2020-01-06T17:12:33.962Z"},{"path":"/docs/store-config","title":"Store Settings ๐Ÿ› ","header":"Store Configuration","date":"2020-01-05T16:12:33.962Z"},{"path":"/docs/stripe","title":"Setting up Stripe ๐Ÿ’ต","header":"Introduction","date":"2020-01-04T17:12:33.962Z"},{"path":"/docs/new-store","title":"Creating a New Store ๐Ÿ›","header":"Introduction","date":"2020-01-03T17:12:33.962Z"},{"path":"/docs/dev-environment","title":"Setting up the Dev Environment ๐Ÿงช","header":"Introduction","date":"2020-01-02T17:12:33.962Z"},{"path":"/docs/project-structure","title":"Overview of Project Structure ๐Ÿ—","header":"Introduction","date":"2020-01-01T17:12:33.962Z"}]}},"staticQueryHashes":["45326706"]}