Hi! I saw this site in post-eject survey and would like to follow up.
You said that setting homepage field didn’t work for GH Pages build.

I just changed homepage to point to my fork, ran npm run build and followed the deployment instructions. You can see that the website loads: https://gaearon.github.io/donut/.

It doesn’t display any route (just the blue page), but this is because you’re using browserHistory for routing, and it’s not really compatible with non-root directory. I believe this problem is described here, with two possible workaround: either use hashHistory or add a redirecting 404.html:

Note that GitHub Pages doesn't support routers that use the HTML5 pushState history API under the hood (for example, React Router using browserHistory). This is becasue when there is a fresh page load for a url like http://user.github.io/todomvc/todos/42, where /todos/42 is a frontend route, the GitHub Pages server returns 404 because it knows nothing of /todos/42. If you want to add a router to a project hosted on GitHub Pages, here are a couple of solutions:

• You could switch from using HTML5 history API to routing with hashes. If you use React Router, you can switch to hashHistory for this effect, but the URL will be longer and more verbose (for example, http://user.github.io/todomvc/#/todos/42?_k=yknaj). Read more about different history implementations in React Router.
• Alternatively, you can use a trick to teach GitHub Pages to handle 404 by redirecting to your index.html page with a special redirect parameter. You would need to add a 404.html file with the redirection code to the build folder before deploying your project, and you’ll need to add code handling the redirect parameter to index.html. You can find a detailed explanation of this technique in this guide.

When I look at your current deployment which you said was problematic, I see this in index.html:

  <script type="text/javascript" src="/static/js/bundle.js"></script></body>

However, since I just built the project locally (see my fork) and deployed it, I see this in index.html instead:

  <script type="text/javascript" src="/donut/static/js/main.1223cbe1.js"></script>

This means that you rebuilt the project with react-scripts with a version less than 0.2.0, perhaps by mistake, or forgot to deploy it.

You shouldn’t need to eject to use GH Pages.

Finally, if you have problems with Create React App, please be so kind to file an issue. If you just asked for a clarification, we could have resolved this without ejecting 😉 . And who knows, maybe we had a bug, and your report would have helped us fix it.

Thanks!

🍩 DONUT

TODOS

• Save donut locally (localStorage, PouchDB, etc.)
• Pretty print donut params in query params (as opposed to whatever serialization)
• Finish donut monster (consumes users' donut data)
  • Add superuser button to admin UI
  • Add submit all my donuts to regular user UI (websockets?)
  • Add API message handler to capture users' donuts
  • Add API route/handler to activate/broadcast users' donut submission mode
  • Start storing donuts somewhere (memory for easy storage? toiletDB)
  • Re-run regression onReceiveDonut
  • Broadcast new donut model to a UI to be displayed on projector

Presentation Order

• Quick code the sprinkles, donut, etc. to show how it works (2-3 minutes)
  • In the storybook for fast 👀
  • Have the glue code at the ready to demo
• Show donut maker, saving functionality
• Shareable donuts: show how!
• Show donut
• Tell folks about "the perfect donut" and how we get there
  • 30 second overview on linear regression
  • Go over regression algo
• Have folks submit donuts
• Watch visualization
• 🎉 Find the perfect donut