React -Deployment - CI / CD

[Psiko]

react app + laravel api
seperate folders


මේ react + laravel website එක Deploy කරනවනම් AWS or AZURE වගේ එකක මට හොස්ටින් servis එකක් ඕන වෙන් නැද්ද?


එහෙම නැත්තන් Hosting එකේ දානවනම් කොහොමද CI / CD කරන්නේ?

සල්ලි ගෙවන් නැතුව ෆ්‍රී කරගන්න පුලුවන් ටූල්ස් තියනවද? මේක ලන්කාවේ සයිට් එකක් කැම්පස් පෝජෙක්ට් එකක්.

cඉ / cඩ් සුපිර් එක්ස්පීරියන්ස් එකක් ගන්න ඕනේ මට

තව ඉන්ටර්විව් එක්කදි එහෙම CI/CD කරපු විදිහ එක්ස්ප්ලීන් කරහම මට වැලියු එකක් එන විදිහේ කරන විදිහක් කිය්නු මැනවි

 

[හෙළයෙක්]

GitHub actions balanna

 

[Psiko]

GitHub actions balanna

Interview ekkadi kiuwama CI /CD kara kiuwama Value ekk eida Github actions walin kara kiuwoth?

 

[Solo Rider]

Interview ekkadi kiuwama CI /CD kara kiuwama Value ekk eida Github actions walin kara kiuwoth?

why not ?
uba concept ekath ekka familier da kiyala balanne, tool eka newe

 

[JokerFan]

Up

 

[Psiko]

why not ?
uba concept ekath ekka familier da kiyala balanne, tool eka newe

 

[windows_ubuntu]

Bump

 

[helplesser]

Varcel

 

[shi_ra]

use github actions or bitbucket cicd, to host i think the cheapest is aws lightsail

 

[TNHM]

hosting
- aws free tier
CICD
- aws codebuild

 

[Psiko]

hosting
- aws free tier
CICD
- aws codebuild

cpanel hosting ekak aran eketh dala karanna puluwan wei neda

 

[TNHM]

cpanel hosting ekak aran eketh dala karanna puluwan wei neda

cpanel මොකටද බන්
laravel එකයි react එකයි docker-compose එකකට දාලා ec2 එකක deploy කරපන්

 

[dilshanniranga]

CI/CD ketiyen pahadili karanna puluwanda

 

[Psiko]

cpanel මොකටද බන්
laravel එකයි react එකයි docker-compose එකකට දාලා ec2 එකක deploy කරපන්

hammata ethakota mata hosting ekak ganna one na neda

---

CI/CD ketiyen pahadili karanna puluwanda

continues intergration / continues delivery (deployment)
------ Post added on Jan 29, 2024 at 10:31 PM

 

[සුදු පුතා]

bump

 

[Psiko]

Deploying a full-stack web application with React frontend and Laravel backend using AWS free tier hosting, AWS CodeBuild, Docker Compose, and AWS EC2 involves several steps. Here's a general outline of the process:

1. Prepare Your Application:
   • Make sure your React frontend and Laravel backend are ready for deployment.
   • Ensure your application works locally.
2. Set up Docker Compose:
   • Create a Dockerfile for both the React frontend and Laravel backend.
   • Write a docker-compose.yml file to define how your Docker containers will interact.
   • Test your Docker setup locally to ensure everything runs smoothly.
3. Configure AWS Resources:
   • Sign in to your AWS Management Console.
   • Navigate to the EC2 dashboard and launch a new EC2 instance using the free tier eligible instance type (e.g., t2.micro).
   • Allocate an Elastic IP address to your EC2 instance to maintain a static IP address.
   • Set up security groups to allow traffic on the necessary ports (e.g., 80 for HTTP, 443 for HTTPS, and any ports required by your application).
   • Install Docker and Docker Compose on your EC2 instance.
4. Prepare Your Application for CodeBuild:
   • Set up a CodeBuild project in AWS. This involves creating a build specification (buildspec.yml) that defines how CodeBuild should build your Docker images and push them to Amazon ECR (Elastic Container Registry).
5. Configure Elastic Container Registry (ECR):
   • Create an ECR repository to store your Docker images.
6. Build and Push Docker Images:
   • Configure CodeBuild to build your Docker images based on the Dockerfiles you created earlier.
   • Push the built images to your ECR repository.
7. Deploy Your Application:
   • SSH into your EC2 instance.
   • Pull the Docker images from your ECR repository to your EC2 instance.
   • Use Docker Compose to run your containers on the EC2 instance.
8. Set Up DNS and Domain Name (Optional):
   • If you have a domain name, configure Route 53 or your DNS provider to point to your EC2 instance's Elastic IP address.
9. Test Your Deployment:
   • Access your application using the EC2 instance's public IP address or domain name (if set up).

   • cpanel මොකටද බන්
     laravel එකයි react එකයි docker-compose එකකට දාලා ec2 එකක deploy කරපන්

     mehm harida

---

Deploying a full-stack web application with React frontend and Laravel backend using AWS free tier hosting, AWS CodeBuild, Docker Compose, and AWS EC2 involves several steps. Here's a general outline of the process:

1. Prepare Your Application:
   • Make sure your React frontend and Laravel backend are ready for deployment.
   • Ensure your application works locally.
2. Set up Docker Compose:
   • Create a Dockerfile for both the React frontend and Laravel backend.
   • Write a docker-compose.yml file to define how your Docker containers will interact.
   • Test your Docker setup locally to ensure everything runs smoothly.
3. Configure AWS Resources:
   • Sign in to your AWS Management Console.
   • Navigate to the EC2 dashboard and launch a new EC2 instance using the free tier eligible instance type (e.g., t2.micro).
   • Allocate an Elastic IP address to your EC2 instance to maintain a static IP address.
   • Set up security groups to allow traffic on the necessary ports (e.g., 80 for HTTP, 443 for HTTPS, and any ports required by your application).
   • Install Docker and Docker Compose on your EC2 instance.
4. Prepare Your Application for CodeBuild:
   • Set up a CodeBuild project in AWS. This involves creating a build specification (buildspec.yml) that defines how CodeBuild should build your Docker images and push them to Amazon ECR (Elastic Container Registry).
5. Configure Elastic Container Registry (ECR):
   • Create an ECR repository to store your Docker images.
6. Build and Push Docker Images:
   • Configure CodeBuild to build your Docker images based on the Dockerfiles you created earlier.
   • Push the built images to your ECR repository.
7. Deploy Your Application:
   • SSH into your EC2 instance.
   • Pull the Docker images from your ECR repository to your EC2 instance.
   • Use Docker Compose to run your containers on the EC2 instance.
8. Set Up DNS and Domain Name (Optional):
   • If you have a domain name, configure Route 53 or your DNS provider to point to your EC2 instance's Elastic IP address.
9. Test Your Deployment:
   • Access your application using the EC2 instance's public IP address or domain name (if set up).
   • 
     mehm harida

docker composer seen ekanmkre naha .. man amplify ekt dala route53n domain eka connect kra ... dan site eka weda ... backend eka connect krn one dan
------ Post added on Jan 31, 2024 at 4:48 PM

 

[TNHM]

Deploying a full-stack web application with React frontend and Laravel backend using AWS free tier hosting, AWS CodeBuild, Docker Compose, and AWS EC2 involves several steps. Here's a general outline of the process:

1. Prepare Your Application:
   • Make sure your React frontend and Laravel backend are ready for deployment.
   • Ensure your application works locally.
2. Set up Docker Compose:
   • Create a Dockerfile for both the React frontend and Laravel backend.
   • Write a docker-compose.yml file to define how your Docker containers will interact.
   • Test your Docker setup locally to ensure everything runs smoothly.
3. Configure AWS Resources:
   • Sign in to your AWS Management Console.
   • Navigate to the EC2 dashboard and launch a new EC2 instance using the free tier eligible instance type (e.g., t2.micro).
   • Allocate an Elastic IP address to your EC2 instance to maintain a static IP address.
   • Set up security groups to allow traffic on the necessary ports (e.g., 80 for HTTP, 443 for HTTPS, and any ports required by your application).
   • Install Docker and Docker Compose on your EC2 instance.
4. Prepare Your Application for CodeBuild:
   • Set up a CodeBuild project in AWS. This involves creating a build specification (buildspec.yml) that defines how CodeBuild should build your Docker images and push them to Amazon ECR (Elastic Container Registry).
5. Configure Elastic Container Registry (ECR):
   • Create an ECR repository to store your Docker images.
6. Build and Push Docker Images:
   • Configure CodeBuild to build your Docker images based on the Dockerfiles you created earlier.
   • Push the built images to your ECR repository.
7. Deploy Your Application:
   • SSH into your EC2 instance.
   • Pull the Docker images from your ECR repository to your EC2 instance.
   • Use Docker Compose to run your containers on the EC2 instance.
8. Set Up DNS and Domain Name (Optional):
   • If you have a domain name, configure Route 53 or your DNS provider to point to your EC2 instance's Elastic IP address.
9. Test Your Deployment:
   • Access your application using the EC2 instance's public IP address or domain name (if set up).
   • 
     mehm harida

---

docker composer seen ekanmkre naha .. man amplify ekt dala route53n domain eka connect kra ... dan site eka weda ... backend eka connect krn one dan
------ Post added on Jan 31, 2024 at 4:48 PM

ඔව් හරි.. ඔය විදියට කරපන්.

 

[SLHodahitha]

react app + laravel api
seperate folders


මේ react + laravel website එක Deploy කරනවනම් AWS or AZURE වගේ එකක මට හොස්ටින් servis එකක් ඕන වෙන් නැද්ද?


එහෙම නැත්තන් Hosting එකේ දානවනම් කොහොමද CI / CD කරන්නේ?

සල්ලි ගෙවන් නැතුව ෆ්‍රී කරගන්න පුලුවන් ටූල්ස් තියනවද? මේක ලන්කාවේ සයිට් එකක් කැම්පස් පෝජෙක්ට් එකක්.

cඉ / cඩ් සුපිර් එක්ස්පීරියන්ස් එකක් ගන්න ඕනේ මට

තව ඉන්ටර්විව් එක්කදි එහෙම CI/CD කරපු විදිහ එක්ස්ප්ලීන් කරහම මට වැලියු එකක් එන විදිහේ කරන විදිහක් කිය්නු මැනවි

Versioning control eka mokakda uba use karana. godak VCS eke oya feature eka tiyanawa.

 

[BLACKLIST_MEMBER]

Gitlab try karanna. Github walath action nathuwa manual gahanna unath puluwan

 

[Psiko]

Versioning control eka mokakda uba use karana. godak VCS eke oya feature eka tiyanawa.

GITHUB

---

Gitlab try karanna. Github walath action nathuwa manual gahanna unath puluwan

frontend ekanam hari aws dmma dan backend eka connect krgnnne kohomd kiyl blnne aws ec2 instance ekka danna kiyala baluwee free tier eke
------ Post added on Feb 1, 2024 at 9:17 AM