CodeYourFuture / CodeYourFuture/Module-Cloud

[TECH ED] Frontend Deployment

オープン
#1 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
🎯 Topic Delivery 🎯 Topic Requirements 🏕 Priority Mandatory 🐂 Size Medium 📅 Sprint 1 Cloud
主要言語
言語のデータがありません
スター
0
フォーク
6
PR マージ指標
30日以内にマージされた PR はありません

説明

### Link to the coursework

https://github.com/CodeYourFuture/React-Module-Project

### Why are we doing this?

## Setup Github Actions for CYF Hotel Frontend deployments to S3

1. **Create** GitHub Actions Workflow File: In your CYF Hotel repository, create a new YAML file under the .github/workflows directory. Name it something relevant, like frontend-s3-deploy.yml.

2. **Configure** AWS Credentials: Utilize GitHub Secrets to securely store your AWS credentials. These secrets will be used in the GitHub Actions workflow to authenticate against AWS.

3. **Write** S3 Deployment Steps: In the YAML file, define the steps to install AWS CLI, configure AWS credentials, and sync your build folder to your S3 bucket.

4. **Test** the Workflow: Push a change to your repository or manually run the workflow from the GitHub Actions tab to verify that the S3 deployment works as expected.

### Maximum time in hours

3

### How to get help

If you are doing this for the first time, **this will be hard**. You **must** reach out to volunteers to help you. Your ability to ask for help is be actively assessed during this time.

You are **not** expected to be able to complete this module completely independently. You **are** expected to get help from volunteers.

### How to submit

In this advanced module you will demo your work.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リンクされているReact-Module-Projectの課題と、CYF Hotelリポジトリの.github/workflowsディレクトリから始めます。GitHub Secretsを使用する関連性のあるYAMLワークフローを作成し、AWS CLIをインストールして設定し、buildフォルダーをS3バケットに同期します。pushまたは手動のGitHub Actions実行によってデプロイが完了し、それを実演できれば作業は完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
aws, github-actions, yaml
領域
ci-cd, cloud, devops
issue の種類
機能追加
難易度
3/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。