13 - React deployment.
Speck Academy 2021
Deployment environments
Vercel
Other types of deployment
1
2
3
Overview
1
Deployment environments
Deployment environments
In real world we are using few deployment environments.
Before deployment to production, it’s necessary to check if everything is working on real devices and servers.
Each environment has its own purpose:
Deployment environments - development
Used only by developers and the internal team (QA team), each time we create a new feature and merge that feature with our develop branch, we are deploying our develop branch to the development environment.
Mostly used for internal testing and easier work between team members, for example between frontend and backend team.
Dev environment is not stable because this is the first spot where all of the changes from local development are deployed.
Deployment environments - staging
After we get rid of the major bugs and we think that there is no need for further development of the specific features we can make deployment to the staging environment.
Staging environment is used by our client (owner of App) and also by the development and internal team.
Staging environment must be fully functional before deployment to the production.
Deployment environments - production
All of the tested and approved changes by client and team from the staging environment are accessible in the production environment.
Real users (end-users) consume apps from the production environment.
We must assure that the version of the app in the production is stable.
However, if we notice some bugs we need to fix them, deploy to development and staging environment and finally when everything is ready we can deploy fixes to the production environment.
2
Vercel
Vercel
Vercel is a deployment and collaboration platform for frontend developers. Vercel puts the frontend developer first, giving them comprehensive tools to build high-performance websites and applications.
Vercel enables developers to host websites and web services that deploy instantly and scale automatically – all without any configuration.
Once you have signed up to Vercel, you can use GitHub, GitLab, or Bitbucket to deploy an existing project.
3
Other types of deployment
Other types of deployment
The choice of your server software isn’t important for deployment.
Since Create React App is completely platform-agnostic, there’s no need to explicitly use Node.
The build folder with static assets is the only output produced by Create React App when we run npm run build command.
Depending on your hosting, extra configuration of App could be needed.
Find more about Create React App deployment and production build!
4
Hands-on
Hands-on
5
Teamwork
Teamwork
Status of team projects