Because create-react-app has way too much extra boilerplate

src
├── components      # all React components
│   ├── Clock.js    # clock that ticks once a second (useState and useEffect example)
│   ├── Footer.js
│   └── Header.js
├── App.js          # main React app
├── index.css       # root-level styling
└── index.js        # React entrypoint (where React gets inserted into the page)

Root page styling is done in src/index.css. All component styling is done through styled-components (example in src/App.js).

To customize the font, page title, page icon, etc. you can customize the page skeleton over in public/index.html.

All fonts are served through Google Fonts, you can pick and choose your own over there!

Vercel is the recommended way to deploy this site to the internet. Current deployment