gatsby-theme-apollo icon indicating copy to clipboard operation
gatsby-theme-apollo copied to clipboard

Content not loading in development environment

Open arjundhanjal opened this issue 4 years ago • 2 comments

This is my first time using Gatsby, and I'm trying to get up and running with the apollo-docs theme. I'm able to successfully build the app when I run gatsby develop, and I've got index.md and dummy.mdx files under content/, but when I navigate to http://localhost:8000 the following error loads in the content frame:

Gatsby.js development 404 page

There's not a page yet at /docs/content-guidance

Create a React.js component in your site directory at src/pages/docs/content-guidance.js and this page will automatically refresh to show the new page component you created.

If you were trying to reach another page, perhaps you can find it below.

Any ideas? I've modeled my app based on what you provided in #93, but still to no avail.

arjundhanjal avatar Feb 03 '21 15:02 arjundhanjal

I'm a newbie too, not an expert. I'd double-check the theme options in gatsby-config.js, such as root, and whether the content-guidance file name matches the listing in sidebarCategories. Also check the /public directory to verify that the build is putting the files there as you expect. We had to set a Path Prefix to get the urls to resolve in the production build, that may or may not relate to your problem.

InfoExpDesign avatar Feb 04 '21 18:02 InfoExpDesign

I verified that the file names match what's in sidebarCategories in gatsby-config.js. public/page-data/ shows a folder for each page with a page-data.json file for each.

None of my pages as defined in gatsby-config.js show up in the sidebar, either. pathPrefix is also set.

arjundhanjal avatar Feb 04 '21 21:02 arjundhanjal