القائمة
Deploy a frontend tier stack: S3 static hosting + CloudFront distribution + OAC.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Deploy a backend tier stack: Lambda + API Gateway v2 + DynamoDB (feature-flagged).
Compose a deployment from stack skills and generate executable artifacts (Makefiles, security disposition). Use when the user says 'compose', 'generate deployment', or invokes /ipa-compose.
Initialize IPA project configuration
Deploy a CodePipeline CI/CD pipeline with CodeBuild for automated build/test/deploy.
Deploy a Terraform state backend (S3 + DynamoDB) via CloudFormation.
Deploy a CodeCommit repository for source code management.
| name | ipa-stack-frontend |
| description | Deploy a frontend tier stack: S3 static hosting + CloudFront distribution + OAC. |
| model | opus |
Deploy a frontend tier stack: S3 static hosting + CloudFront distribution + OAC.
| Property | Value |
|---|---|
| Stack name | {APP_NAMESPACE}-{APP_ENV}-frontend |
| Template | infra/cfn/frontend/frontend.yml |
| Capabilities | None |
| Lifecycle | deploy (solution stack) |
| Tier | frontend |
| Parameter | Required | Default | Description |
|---|---|---|---|
| Namespace | Yes | — | Project namespace prefix |
| Environment | Yes | — | Deployment environment (dev/staging/prod) |
| BucketNameSuffix | No | web | Suffix for S3 bucket name |
| LogBucketDomainName | Yes | — | Log bucket domain name for access logs |
Parameters that receive values from other stacks during composition:
| Parameter | Source Stack | Source Output | Notes |
|---|---|---|---|
| LogBucketDomainName | logs | LogBucketName | Append .s3.amazonaws.com to output value |
| Output | Export Name | Description |
|---|---|---|
| AppUrl | {StackName}-AppUrl | CloudFront HTTPS URL |
| DistributionId | {StackName}-DistributionId | For cache invalidation |
| DistributionDomainName | {StackName}-DistributionDomainName | CloudFront domain |
| BucketName | {StackName}-BucketName | S3 bucket for upload |
| Type | Suffix | Dockerfile | Description |
|---|---|---|---|
| frontend | frontend | — | Build the React SPA in web-client/ via npm ci && npm run build. Note: this project's frontend directory is web-client, not the default frontend — the generated build-frontend target must cd web-client, not cd frontend. |
None — frontend tier has no conditional resources.
aws cloudformation deploy \
--template-file infra/cfn/frontend/frontend.yml \
--stack-name $(APP_NAMESPACE)-$(APP_ENV)-frontend \
--parameter-overrides \
Namespace=$(APP_NAMESPACE) \
Environment=$(APP_ENV) \
BucketNameSuffix=web \
LogBucketDomainName=$(LOG_BUCKET_DOMAIN_NAME)
| Property | Value |
|---|---|
| Module path | infra/tf/frontend/ |
| State key | {namespace}-{env}/frontend/terraform.tfstate |
| Required version | >= 1.5.0 |
| Providers | hashicorp/aws >= 5.0 |
| Variable | Type | Default | Maps to CFN |
|---|---|---|---|
| namespace | string | — | Namespace |
| environment | string | — | Environment |
| region | string | — | (implicit) |
| state_bucket | string | — | (TF infrastructure) |
| bucket_name_suffix | string | web | BucketNameSuffix |
| log_bucket_name | string | — | LogBucketDomainName (without .s3.amazonaws.com) |
| Output | Maps to CFN |
|---|---|
| app_url | AppUrl |
| distribution_id | DistributionId |
| distribution_domain_name | DistributionDomainName |
| bucket_name | BucketName |
| Source Module | Data Source | Outputs Used |
|---|---|---|
| logs | terraform_remote_state.logs | log_bucket_name |