- React app bootstrapped with CRA
- Material UI using emotion for style composition
- SSL support + SSL setup for local dev
- Auth0 integration for SSO authentication
- Navigation tree setup
- Respect system's dark/light mode
- Generate SSL cert (don't self sign) using
mkcert
brew install mkcert
mkcert --install
GHnpm i
npm run start
- Add Auth0 keys to
.env.development.local
file
- Name your app. Then update names in
- index.html
- package.json
- manifest.json
Login.tsx
- Get your logos and icons. Update logos in
- public/
- Favicon in index.html
- manifest.json
- src/assets/branding.png: Image for Login/Sign Up Page
- src/assets/logo.png: Image for nav bar (full width)
- src/assets/logoSm.png: Image for collapsed nav bar (32x32)
- src/assets/missing-page.jpeg: Image for HTTP 404
- Footer: Update
BrandingBorder.tsx
- Colors, Fonts, spacing etc. - Update
theme.ts
- Add Auth0 keys to
.env
and.env.development.local
files