vite-aws-terraform

"느린 피드백 루프는 개발자의 생산성과 행복에 큰 영향을 미칠 수 있습니다."

http://vite-aws-website-bucket.s3-website-us-east-1.amazonaws.com/

며칠 전에 강력하고 빠른 도구인 Vite에 대해 읽었습니다. 실제 작동을 확인하기 위해 데모를 만들었습니다. 매우 기본적인 것이지만 Vite는 그의 뛰어난 성능과 컴파일 시간으로 주목을 받고 있는 것 같습니다.

이 리포지토리는 IaC, 밀리초 단위의 컴파일 시간 및 CI/CD를 사용하여 정적 웹 사이트를 만드는 방법에 대한 시작 예제입니다. 기술 스택에는 다음이 포함됩니다.

Vite : 차세대 프런트엔드 도구
( https://github.com/jorgetovar/vite-aws-terraform/tree/main/vite-aws-terraform-app )

AWS : S3를 사용하여 웹사이트 호스팅(향후 Cloudfront 및 Route53 업데이트 게시 예정)

Terraform : 코드형 인프라
( https://github.com/jorgetovar/vite-aws-terraform/tree/main/infra )

CircleCI : 지속적인 통합 및 배포
( https://github.com/jorgetovar/vite-aws-terraform/tree/main/.circleci )

Vite(초고속 핫 리로드 및 빌드)

개발 서버를 가동하는 데 종종 비합리적으로 오랜 시간이 걸릴 수 있습니다. 구성 요소 업데이트는 경우에 따라 브라우저에 반영되는 데 몇 초 또는 몇 분이 걸릴 수 있습니다. Vite는 이러한 문제를 해결하는 것을 목표로 합니다.

npm create vite@latest
npm run dev
npm run build

AWS

Amazon Simple Storage Service(Amazon S3)는 업계 최고의 확장성, 데이터 가용성, 보안 및 성능을 제공하는 객체 스토리지 서비스입니다.

테라포밍

Terraform은 수백 개의 클라우드 서비스를 관리하기 위한 일관된 CLI 워크플로를 제공하는 코드 소프트웨어 도구로서의 오픈 소스 인프라입니다.

terraform 상태를 처리할 원격 백엔드를 생성합니다(생성된 리소스에 대한 정보)

버킷 생성 및 필요한 정책 및 규칙 적용

terraform init
terraform plan
terraform apply

➜  backend-state git:(initial-commit) ✗ terraform apply
var.state_bucket_name
  The name of the S3 bucket. Must be globally unique.

  Enter a value: vite-aws-terraform


Terraform used the selected providers to generate the following execution plan. Resource actions are indicated with the following symbols:
  + create

Terraform will perform the following actions:
...


aws_dynamodb_table.terraform_locks: Creating...
aws_s3_bucket.terraform_state: Creating...
aws_s3_bucket.terraform_state: Creation complete after 8s [id=vite-aws-terraform]
aws_s3_bucket_public_access_block.terraform_state_policy: Creating...
aws_s3_bucket_public_access_block.terraform_state_policy: Creation complete after 1s [id=vite-aws-terraform]
aws_dynamodb_table.terraform_locks: Still creating... [10s elapsed]
aws_dynamodb_table.terraform_locks: Creation complete after 11s [id=vite-aws-terraform-locks]

Apply complete! Resources: 3 added, 0 changed, 0 destroyed.

Outputs:

dynamodb_table_name = "vite-aws-terraform-locks"
s3_bucket_arn = "arn:aws:s3:::vite-aws-terraform"

CircleCI

파이프라인을 생성하고 배포를 자동화하기 위한 빠르고 사용자 지정 가능하며 안정적인 서비스입니다. ORB를 사용하면 AWS 및 기타 제공업체에 매우 쉽게 통합하고 배포할 수 있습니다.

웹사이트를 업데이트하는 데 12초가 걸립니다.