skills.rest
0xHarbs
0xHarbsCOMMUNITY
Explore all skills by this author →
𝕏@0xHarbsGitHub

vercel-website

Implement Vercel-hosted Electron website patterns with platform detection and API routes.

1|Updated Mar 20, 2026
Search Tags:#vercel#electron#api-routes#turso#platform-detection#website-patterns#download-pages
One-click install
npx skills add https://github.com/0xHarbs/agent-setup --skill vercel-website
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vercel-website
Source: https://github.com/0xHarbs/agent-setup/tree/main/claude/skills/domain/vercel-website
Command: npx skills add https://github.com/0xHarbs/agent-setup --skill vercel-website

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Vercel-hosted websites serve as marketing, licensing, and distribution hubs for Electron desktop apps, and this skill provides reusable patterns to implement them quickly and reliably.

Core Features & Use Cases

  • Platform detection patterns, API routes, and Turso database integration for scalable data.
  • Rate limiting, GitHub releases integration, and dedicated download pages across three project patterns: AppOne (vanilla JS), AppTwo (Next.js App Router), AppThree (Next.js App Router with Stripe integration in AppThree).
  • Use cases include marketing sites, licensing portals, and automated download experiences for Electron apps.

Quick Start

Implement the Vercel website patterns to scaffold a fully functional Electron-app marketing site with platform-aware downloads.

Frequently Asked Questions about vercel-website

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Vercel-hosted website to distribute my Electron app?▼

Build a Vercel-hosted Electron website by applying reusable patterns for marketing, licensing, and download hub scenarios across vanilla JS and Next.js architectures. These patterns include platform detection, API routes, and GitHub releases integration.

How does platform detection work for Electron download pages?▼

Platform detection for Electron download pages works by identifying the user's operating system to serve the correct installer file. This pattern is implemented across vanilla JS and Next.js to create platform-aware download experiences automatically.

Can I integrate a Turso database and Stripe into Next.js App Router for Electron licensing?▼

Yes, you can integrate Turso database and Stripe into the Next.js App Router. The AppThree pattern specifically implements these integrations alongside rate limiting to handle scalable data and licensing portals for Electron applications.

What is the best way to structure API routes for an Electron app marketing site?▼

The best way to structure API routes for an Electron app marketing site is using the provided Next.js App Router patterns. They integrate rate limiting and GitHub releases connections to securely manage automated download experiences and API traffic.

Do I need Next.js to implement Vercel website patterns for Electron distribution?▼

No, you do not need Next.js to implement Vercel website patterns. The patterns include AppOne, which uses vanilla JS, alongside AppTwo and AppThree, which use the Next.js App Router for more advanced licensing and Stripe integration scenarios.

Related Skills

Explore More Software Engineering Skills→
wfvuewfvue
3

setting-up-tauri-projects

Initialize Tauri v2 projects across macOS, Windows, and Linux.

Community
Intermediate
aRustyDevaRustyDev
1

stripe-integration

Automate Stripe payments for checkout, subscriptions, refunds, and webhooks.

Community
Intermediate
not-subhunot-subhu

stripe

Integrate Stripe payments and manage customer, product, and subscription data.

Community
Intermediate
Baphomet480Baphomet480

cloudflare-pages

Deploy static websites to Cloudflare Pages with custom domains and CI/CD.

Community
Intermediate