242 lines
4.9 KiB
Markdown
242 lines
4.9 KiB
Markdown
# How to Host Your Agent Trust Guide Website
|
|
|
|
This website is ready to deploy! Here are your easiest options:
|
|
|
|
## ⚡ Fastest Option: Vercel (Free, 2 minutes)
|
|
|
|
1. **Install Vercel CLI**
|
|
```bash
|
|
npm install -g vercel
|
|
```
|
|
|
|
2. **Navigate to website folder**
|
|
```bash
|
|
cd ~/.clawdbot/workspace/agent-trust-guide/website
|
|
```
|
|
|
|
3. **Deploy**
|
|
```bash
|
|
vercel
|
|
```
|
|
|
|
4. **Follow prompts:**
|
|
- Setup and deploy? **Y**
|
|
- Which scope? **Your account**
|
|
- Link to existing project? **N**
|
|
- What's your project's name? **agent-trust-guide**
|
|
- In which directory is your code located? **./** (current directory)
|
|
- Want to override settings? **N**
|
|
|
|
5. **Done!** Your site will be live at `https://agent-trust-guide.vercel.app`
|
|
|
|
### Benefits:
|
|
- ✅ Free forever
|
|
- ✅ Auto HTTPS
|
|
- ✅ Global CDN
|
|
- ✅ Custom domain support
|
|
- ✅ Automatic deployments on updates
|
|
|
|
---
|
|
|
|
## 🎯 Alternative: Netlify (Also Free)
|
|
|
|
1. **Drag & Drop Method:**
|
|
- Go to [netlify.com](https://netlify.com)
|
|
- Drag the `website/` folder onto the page
|
|
- Done! Instant deployment
|
|
|
|
2. **CLI Method:**
|
|
```bash
|
|
npm install -g netlify-cli
|
|
cd ~/.clawdbot/workspace/agent-trust-guide/website
|
|
netlify deploy --prod
|
|
```
|
|
|
|
### Benefits:
|
|
- ✅ Free tier
|
|
- ✅ Drag-and-drop deployment
|
|
- ✅ Form handling
|
|
- ✅ Serverless functions (if needed later)
|
|
|
|
---
|
|
|
|
## 🏗️ GitHub Pages (Free, Great for Sharing)
|
|
|
|
1. **Create GitHub repo**
|
|
```bash
|
|
cd ~/.clawdbot/workspace/agent-trust-guide
|
|
git init
|
|
git add .
|
|
git commit -m "Initial commit - Agent Trust Guide"
|
|
```
|
|
|
|
2. **Push to GitHub**
|
|
```bash
|
|
gh repo create agent-trust-guide --public
|
|
git push -u origin main
|
|
```
|
|
|
|
3. **Enable GitHub Pages**
|
|
- Go to repo settings
|
|
- Pages section
|
|
- Source: `main` branch, `/website` folder
|
|
- Save
|
|
|
|
4. **Your site:** `https://[username].github.io/agent-trust-guide`
|
|
|
|
### Benefits:
|
|
- ✅ Free
|
|
- ✅ Version controlled
|
|
- ✅ Easy to update via git
|
|
- ✅ Open source
|
|
|
|
---
|
|
|
|
## 💻 Local Testing
|
|
|
|
Before deploying, test locally:
|
|
|
|
```bash
|
|
cd ~/.clawdbot/workspace/agent-trust-guide/website
|
|
|
|
# Option 1: Python
|
|
python3 -m http.server 8000
|
|
|
|
# Option 2: Node.js
|
|
npx serve
|
|
|
|
# Option 3: PHP
|
|
php -S localhost:8000
|
|
```
|
|
|
|
Then visit `http://localhost:8000` in your browser
|
|
|
|
---
|
|
|
|
## 🌐 Custom Domain
|
|
|
|
Once deployed, add a custom domain:
|
|
|
|
### Vercel:
|
|
1. Go to project settings
|
|
2. Domains tab
|
|
3. Add your domain (e.g., `agenttrust.guide`)
|
|
4. Follow DNS instructions
|
|
|
|
### Netlify:
|
|
1. Site settings
|
|
2. Domain management
|
|
3. Add custom domain
|
|
|
|
### Recommended domains:
|
|
- `agenttrust.guide`
|
|
- `agent-trust.io`
|
|
- `trustagents.xyz`
|
|
- `agenteconomy.info`
|
|
|
|
**Cost:** $10-15/year from Namecheap or Cloudflare
|
|
|
|
---
|
|
|
|
## 📊 Add Analytics (Optional)
|
|
|
|
### Google Analytics:
|
|
Add to `<head>` of all HTML files:
|
|
```html
|
|
<!-- Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'G-XXXXXXXXXX');
|
|
</script>
|
|
```
|
|
|
|
### Simple Analytics (Privacy-focused):
|
|
```html
|
|
<script async defer src="https://scripts.simpleanalytics cdn.com/latest.js"></script>
|
|
```
|
|
|
|
---
|
|
|
|
## 🚀 Recommended Deployment Flow
|
|
|
|
**For you (Quick & Easy):**
|
|
```bash
|
|
cd ~/.clawdbot/workspace/agent-trust-guide/website
|
|
vercel
|
|
```
|
|
|
|
**To share the link:**
|
|
- Instant: Share Vercel URL
|
|
- Custom: Buy domain, point to Vercel
|
|
|
|
**To update:**
|
|
```bash
|
|
# Edit files, then:
|
|
vercel --prod
|
|
```
|
|
|
|
---
|
|
|
|
## 📱 Mobile Testing
|
|
|
|
Before sharing widely, test on:
|
|
- iPhone Safari
|
|
- Android Chrome
|
|
- iPad
|
|
- Desktop browsers (Chrome, Firefox, Safari, Edge)
|
|
|
|
The CSS is responsive, but always good to verify!
|
|
|
|
---
|
|
|
|
## 🔒 Security Checklist
|
|
|
|
- ✅ HTTPS enabled (automatic on Vercel/Netlify)
|
|
- ✅ No sensitive data in code
|
|
- ✅ CSP headers (add if needed)
|
|
- ✅ No tracking without disclosure
|
|
|
|
---
|
|
|
|
## 📈 SEO Optimization (Optional)
|
|
|
|
Add to `<head>`:
|
|
```html
|
|
<meta name="description" content="Learn how AI agents will safely work together with decentralized identity, escrow, reputation, and dispute resolution.">
|
|
<meta name="keywords" content="AI agents, blockchain, smart contracts, crypto, agent economy, trust infrastructure">
|
|
<meta property="og:title" content="Agent Trust Guide">
|
|
<meta property="og:description" content="Understand the future of AI agent commerce">
|
|
<meta property="og:image" content="https://your-domain.com/images/trust-stack.png">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
```
|
|
|
|
---
|
|
|
|
## ✅ Pre-Launch Checklist
|
|
|
|
- [ ] Test locally
|
|
- [ ] Check all links work
|
|
- [ ] Images load properly
|
|
- [ ] Mobile responsive
|
|
- [ ] Typos fixed
|
|
- [ ] Analytics added (optional)
|
|
- [ ] Deploy to Vercel/Netlify
|
|
- [ ] Test deployed site
|
|
- [ ] Share with friends!
|
|
|
|
---
|
|
|
|
## 🎉 Ready to Deploy?
|
|
|
|
**Recommended command:**
|
|
```bash
|
|
cd ~/.clawdbot/workspace/agent-trust-guide/website && vercel
|
|
```
|
|
|
|
That's it! Your site will be live in under 2 minutes.
|
|
|
|
Questions? Just ask!
|