maxclaim-rec-suite-site/ ├── src/ │ ├── App.jsx (your React code) │ ├── main.jsx │ ├── index.css │ └── config/ │ └── azure.js (Azure SDK config) ├── api/ (Azure Functions) │ ├── claims/ │ │ └── index.js │ ├── ocr/ │ │ └── index.js │ ├── upload/ │ │ └── index.js │ └── host.json ├── public/ │ └── index.html ├── staticwebapp.config.json ├── package.json └── vite.config.js
react tailwind for azure to site QUICK START COMMANDS
npm install firebase @google-cloud/vision stripe
npm install -g firebase-tools firebase login firebase init
npm install -g vercel vercel login vercel
Step 1: Create Azure Resources
Windows: Download from https://aka.ms/installazurecliwindows
az login
az group create --name maxclaim-rg --location eastus
az cosmosdb create
--name maxclaim-cosmos
--resource-group maxclaim-rg
--kind MongoDB
--enable-free-tier true
az storage account create
--name maxclaimstorage
--resource-group maxclaim-rg
--sku Standard_LRS
az cognitiveservices account create
--name maxclaim-vision
--resource-group maxclaim-rg
--kind ComputerVision
--sku F0
--location eastus
Step 2: Create Azure Static Web App
az staticwebapp create
--name maxclaim-app
--resource-group maxclaim-rg
--source https://github.com/holidaynate/maxclaim-rec-suite-site
--location eastus2
--branch main
--app-location "/"
--api-location "api"
--output-location "dist"
Step 3: Configure Custom Domain (GoDaddy)
In Azure Portal:
Go to your Static Web App
Click "Custom domains"
Add custom domain: max-claim.com
Azure will give you DNS records to add
In GoDaddy:
Go to DNS Management for max-claim.com
Add CNAME record:
Type: CNAME
Name: www
Value: [your-static-app].azurestaticapps.net
Add TXT record for verification (Azure provides this)