DoNotSubmit - enter your title

🌐 Domain Configuration

Enter your domain name to generate the project name

Domain Name

Include www subdomain?

www.domain redirects to apex

Certificate must cover both domain.com and www.domain.com

Generated Project Name

(enter domain name)

🔒 Create your SSL certificate

Follow these steps in AWS Certificate Manager (ACM).

Create SSL certificate in AWS Certificate Manager

Click the button below to open AWS Certificate Manager. You'll need to add both: example.com and www.example.com You'll need to add: example.com
Must be in us-east-1 region for CloudFront

Create Certificate in AWS
Update DNS at your registrar to validate

Copy the CNAME records from ACM and add them to your domain and its www. version at your registrar (namecheap, godaddy, etc.) so the certificate becomes valid. Copy the CNAME record from ACM and add it to your domain at your registrar (namecheap, godaddy, etc.) so the certificate becomes valid.
Click the certificate ARN to copy it

You will use the ARN later, so keep it handy.

📋 Certificate ARN

Paste the ARN from the certificate you just created

Certificate ARN

👩‍💻 Working in local.

Download and run the project locally. (2 Minutes).

Clone the repository

Clone the repository to your local environment.

💾
Go to your new folder and install the dependencies

Run npm install to get started

📦
Run the project locally

Run npm run dev and go to localhost:5173 to see the project.

🚀
Create your GitHub repository and push

Create a new repo on GitHub (public or private), then push your code:

Create GitHub Repository

Your GitHub Repository (format: username/repo)

git remote set-url origin https://github.com/USERNAME/REPO.git

git push -u origin main

📤

🔧 Setting up S3 and CloudFront.

Set up your AWS infrastructure. (5 Minutes).

⏳

⚠️ Wait for ACM Certificate to be Issued

Before deploying the CloudFormation stack, make sure your ACM certificate status is Issued (not Pending validation).

⏱️ This can take up to 30 minutes after completing DNS validation.

Check Certificate Status in AWS Console
Deploy infrastructure with CloudFormation
Launch CloudFormation Stack
In CloudFormation console:

1. If template URL fails, upload assets/cloudformation.yaml from your local folder

2. Fill in parameters: DomainName, AcmCertificateArn, GitHubRepo

3. Check "I acknowledge that AWS CloudFormation might create IAM resources"

4. Click Create stack and wait for completion (~3-5 min)
☁️

🌍 Point your DNS to CloudFront.

Configure your domain to use CloudFront. (2 Minutes).

Get CloudFront domain from stack outputs

Go to CloudFormation → your stack → Outputs tab. Copy the CloudFrontDomainName value (e.g., d1234abcd.cloudfront.net).

📋
Configure DNS records at your registrar
At your DNS provider (Cloudflare, GoDaddy, Namecheap, etc.):
→ www.example.com: Add a CNAME pointing to your CloudFront domain

→ example.com (apex): Use ALIAS or ANAME if supported, or a flattened CNAME (Cloudflare supports this)

Note: www.example.com automatically redirects to example.com via CloudFront.
→ example.com (apex): Use ALIAS or ANAME if supported, or a flattened CNAME (Cloudflare supports this)

Note: Only the apex domain is configured (no www redirect).
🔗

🔨 Configure CI/CD.

Connect GitHub Actions to AWS. (2 Minutes).

Add repository variables from CloudFormation outputs

Go to GitHub → your repo → Settings → Secrets and variables → Actions → Variables tab . Add these 3 variables:

AWS_ROLE_ARN ← GitHubRoleARN from stack outputs

S3_BUCKET ← SiteBucketName from stack outputs

CLOUDFRONT_ID ← CloudFrontId from stack outputs

⚙️
Push to Deploy

Commit your changes and push to main. GitHub Actions will automatically build your site, upload to S3, and invalidate CloudFront cache.

✨
Replace DoNotSubmit placeholders
Replace all DoNotSubmit instances with your actual content:
- index.html - Update title, description, and Open Graph tags
- package.json - Change package name
- src/main.js - Remove DoNotSubmit comments
- src/toDelete.js - Delete this file, then remove imports and function calls from src/main.js
🤖 AI Assistant Prompt (Copy & Paste):

Find all instances of "DoNotSubmit" (case-insensitive) in my codebase and help me replace them. I have files with: - index.html: meta tags with title, description, og:title, og:description, og:site_name, og:url, twitter tags - replace "DoNotSubmit" with appropriate values - package.json: package name "donotsubmit_enter_your_project_name" - replace with a valid npm package name - src/main.js: comments containing "DoNotSubmit" - remove these comments - src/toDelete.js: delete this entire file (it's template code that's no longer needed) Also, update src/main.js to remove any imports from "./toDelete" after deleting that file. Generate a script or step-by-step instructions to replace all instances appropriately.

💡 Manual Method (VS Code / Any Editor):

Use Ctrl+H (or Cmd+H on Mac), enable regex, and search:
(?i)DoNotSubmit
Replace with your actual title/name/description as needed in each context.
🧹

Deploy to your AWS
In Minutes

🌐 Domain Configuration

🔒 Create your SSL certificate

📋 Certificate ARN

👩‍💻 Working in local.

🔧 Setting up S3 and CloudFront.

🌍 Point your DNS to CloudFront.

🔨 Configure CI/CD.

📊 Deployment Progress

Deploy to your AWS In Minutes

🌐 Domain Configuration

🔒 Create your SSL certificate

📋 Certificate ARN

👩‍💻 Working in local.

🔧 Setting up S3 and CloudFront.

🌍 Point your DNS to CloudFront.

🔨 Configure CI/CD.

📊 Deployment Progress

Deploy to your AWS
In Minutes