https://github.com/selmasaltik/react-deployment
Deploying React Apps /// What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"
https://github.com/selmasaltik/react-deployment
deployment hosting lazy-loading optimization react static-site
Last synced: 2 months ago
JSON representation
Deploying React Apps /// What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"
- Host: GitHub
- URL: https://github.com/selmasaltik/react-deployment
- Owner: selmasaltik
- Created: 2024-10-30T15:54:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-30T18:16:02.000Z (over 1 year ago)
- Last Synced: 2025-04-08T22:41:45.890Z (about 1 year ago)
- Topics: deployment, hosting, lazy-loading, optimization, react, static-site
- Language: JavaScript
- Homepage: https://react-deployment-chi.vercel.app
- Size: 502 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Deploying React Apps
***From Development To Production***
- Deployment **Steps & Pitfalls**
- **Server-side** Routing vs **Client-side** Routing
**Deployment Steps**
***Test Code:*** Manually & with automated tests
***Optimize Code:*** Optimize user experience & performance
***Build App:*** Run build process to parse, transform & optimize code
***Upload App:*** Upload production code to hosting server
***Configure Server:*** Ensure app is served securely & as intended
**Lazy Loading**
Load code only when it’s needed
**A React SPA is a “*Static Website*”**
Only HTML, CSS & JavaScript
⬇️
***A static site host is needed***
[Firebase Hosting](https://firebase.google.com/docs/hosting)
- https://react-deployment-demo-4ab16.web.app/
- https://react-deployment-demo-4ab16.firebaseapp.com/
**[Server-side Routing vs Client-side Routing](https://www.canva.com/design/DAGVErNh7xE/XeFWKghqcj7fAFEVrUD4eA/view?utm_content=DAGVErNh7xE&utm_campaign=designshare&utm_medium=link&utm_source=editor)**
**Resources**
* [5 of the Best Static Website Hosting Services](https://buttercms.com/blog/5-best-static-website-hosting-services/)
* [10 Free Web Hosting Solutions for Static and Dynamic Sites](https://dev.to/anticoder03/10-free-web-hosting-solutions-for-static-and-dynamic-sites-48g1)