Merge pull request #172 from D3vPals/feat/#148 #15

	name: Front Deployment

	on:
	push:
	branches:
	- develop

	jobs:
	build:
	name: react build & deploy
	runs-on: ubuntu-latest

	steps:
	- name: Checkout Github Action
	uses: actions/checkout@v3

	- name: Get npm cache directory
	id: npm-cache-dir
	run: \|
	echo "::set-output name=dir::$(npm config get cache)"
	- uses: actions/cache@v3
	id: npm-cache
	with:
	path: ${{ steps.npm-cache-dir.outputs.dir }}
	key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
	restore-keys: \|
	${{ runner.os }}-node-

	- name: Install npm dependencies
	run: npm install

	- name: Set environment variables
	run: \|
	echo "VITE_APP_API_BASE_URL=${{ secrets.VITE_APP_API_BASE_URL }}" >> .env.local

	- name: React Build
	env:
	VITE_APP_API_BASE_URL: ${{ secrets.VITE_APP_API_BASE_URL }}
	run: npm run build

	- name: Verify Build Directory
	run: ls -la dist/

	- name: Configure AWS credentials
	uses: aws-actions/configure-aws-credentials@v1
	with:
	aws-access-key-id: ${{ secrets.AWS_S3_ACCESS_KEY_ID }}
	aws-secret-access-key: ${{ secrets.AWS_S3_SECRET_ACCESS_KEY_ID }}
	aws-region: ap-northeast-2

	- name: Upload to S3 Bucket
	env:
	BUCKET_NAME: ${{ secrets.AWS_S3_BUCKET_NAME }}
	run: \|
	aws s3 sync dist/ s3://${{ secrets.AWS_S3_BUCKET_NAME }} --delete

	- name: CloudFront Invalidation
	env:
	CLOUD_FRONT_ID: ${{ secrets.AWS_CLOUDFRONT_ID }}
	run: \|
	aws cloudfront create-invalidation \
	--distribution-id $CLOUD_FRONT_ID --paths /*

Provide feedback