footer inconsistency when visiting /learn

When visiting freecodecamp.org/learn (via the yellow button or directly from the URL) it redirects to freecodecamp.org/learn/ This also happens on freecodecamp.dev

This URL does not have a footer.

When clicking on the menu and click the curriculum link. It redirects to freecodecamp.org/learn which does have a footer.

Affected page https://www.freecodecamp.org/ and https://www.freecodecamp.dev

To Reproduce

1. Go to freecodecamp.org.
2. Click the yellow button.
3. Scroll to the bottom.
4. Click the menu button
5. Click the curriculum link
6. Scroll to the bottom

Expected behavior /learn/ should have a footer or /learn should not have a footer.

Screenshots If applicable, add screenshots to help explain your problem. you can drag and drop, png, jpg, gif, etc. in this box.

System (please complete the following information):

• Device: Desktop
• OS: Windows 10
• Browser: Chrome
• Version: 78

[ojeytonwilliams]

Also, at a cursory look, this seems like something that would need to change on Gatsby’s side either navigation-wise, or when it decides to render Default.js. @ojeytonwilliams Any thoughts?

Sounds about right. Precisely what, I’m not sure, but the fact it’s not reproducible in development pretty much guarantees that this is another weird hydration issue.

Is there any reason I couldn’t reproduce the bug when on development localhost, has the issue been fixed already, but not pushed to the live site?

Unfortunately, for bugs like this, development mode isn’t very useful. Reason being, the bug is caused by a difference between the static site produced by gatsby build and the fully ‘hydrated’ app - React, basically. gatsby develop is, essentially, a React app straight away.

When navigating internally in production, like Sem demonstrated in his steps to reproduce, you’re using React and the footer shows as expected. When you reload a page you get some initial html and all the React JS gets loaded later. Occasionally something goes wrong and you don’t get exactly what you’re expecting.

[ahmadabdolsaheb]

The universal footer has been added, but I would like to get a sense of the usefulness of it, through analytics; @ahmadabdolsaheb Do you happen to have anything on the usage of the footer on /learn/?

Nothing specific, but the links in the footer get more traffic once they are added there.

Rule of thumb: All of the pages except the challenge pages and project submission pages should have a footer.