Static Websites

Static Website Integration

Integrate SEO Sniper articles into your static HTML/CSS website using our simple embed system or by downloading HTML files.

Easiest Method: Download Ready-to-Use Script

When you create an API token in Settings → Integrations → API Tokens, we auto-generate a build script with your credentials already embedded.

1Go to Settings → Integrations and create a new API token

2Click "Download Build Script" to get your pre-configured script

3Run node build-blog.js to generate your blog files

4Upload the blog/ folder to your S3 bucket or hosting

Go to Settings to Create Token

Auto-Generated Build Script

No configuration needed! When you create an API token, we generate a script with your credentials already embedded. Just download and run.

What the script does:

Fetches all your published articles from the API
Downloads complete HTML pages with styling, meta tags, and SEO data
Creates a blog index page listing all articles
Outputs files to a blog/ folder ready for upload

Usage:

bash

# Run the downloaded script
node build-blog.js

# Output structure:
# blog/
#   index.html           (blog listing page)
#   article-slug-1/
#     index.html         (full article)
#   article-slug-2/
#     index.html
#   ...

Deploying to S3 / CloudFront

bash

# Sync blog folder to your S3 bucket
aws s3 sync ./blog s3://your-bucket-name/blog --delete

# Invalidate CloudFront cache (if using)
aws cloudfront create-invalidation \
  --distribution-id YOUR_DISTRIBUTION_ID \
  --paths "/blog/*"

Optional: Add to package.json

For convenience, you can add the script to your build process:

json

{
  "scripts": {
    "build-blog": "node build-blog.js",
    "deploy": "npm run build-blog && aws s3 sync ./blog s3://your-bucket/blog"
  }
}

Automatic Rebuilds with Webhooks

Trigger a rebuild whenever articles are published by setting up a webhook in Settings → Webhooks.

Netlify: Site Settings → Build & Deploy → Build Hooks

Creates a URL like https://api.netlify.com/build_hooks/...

Vercel: Project Settings → Git → Deploy Hooks

Creates a URL like https://api.vercel.com/v1/integrations/deploy/...

Cloudflare Pages: Use a Worker to trigger builds

Next Steps

Customize your blog styling Integrate with JavaScript frameworks