skills.rest
eykd
eykdCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

hugo-project-setup

Set up a Hugo and Cloudflare Workers project with static-first routing.

Updated Feb 8, 2026
Search Tags:#project setup#cloudflare#workers#hugo#static-first
One-click install
npx skills add https://github.com/eykd/vance-ts --skill hugo-project-setup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hugo-project-setup
Source: https://github.com/eykd/vance-ts/tree/main/.claude/skills/hugo-project-setup
Command: npx skills add https://github.com/eykd/vance-ts --skill hugo-project-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires hugo, wrangler, npm, tailwindcss, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the setup of a Hugo + Cloudflare Workers project with static-first routing, streamlining the process of creating a static website with dynamic capabilities.

Core Features & Use Cases

  • Project Initialization: Generates a new Hugo site and sets up the directory structure.
  • Static-first Routing: Configures Hugo and Workers for static-first architecture.
  • HTMX Integration: Includes HTMX and Alpine.js for dynamic content without JavaScript heavy routes.
  • Use Case: Ideal for creating a static website with API endpoints for dynamic content, such as a blog or a contact form.

Quick Start

Initialize a new Hugo + Cloudflare Workers project by running the hugo-project-setup skill.

Frequently Asked Questions about hugo-project-setup

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

FAQPage Schema
How do I set up a Hugo site with Cloudflare Workers for static-first routing?▼

Setting up a Hugo site with Cloudflare Workers involves generating a directory structure, configuring static-first routing, and integrating HTMX endpoints, which this Skill fully automates alongside TailwindCSS.

What is static-first routing and how does it work with Hugo and Cloudflare Workers?▼

Static-first routing serves pre-built Hugo content by default while directing specific dynamic requests to Cloudflare Workers, combining static performance with dynamic capabilities using HTMX and Alpine.js.

Do I need TailwindCSS and HTMX to deploy Hugo on Cloudflare Workers?▼

TailwindCSS and HTMX are required dependencies for this setup. TailwindCSS handles styling while HTMX and Alpine.js provide dynamic content interactions without requiring JavaScript-heavy routes.

Can I use Hugo and Cloudflare Workers to build a blog with a dynamic contact form?▼

Yes, Hugo and Cloudflare Workers can build a blog with a dynamic contact form by using static-first routing to serve content pages while directing form submissions to Workers API endpoints.

What's the best way to integrate HTMX endpoints into a Hugo static site?▼

Integrating HTMX endpoints into a Hugo static site is best achieved through static-first routing via Cloudflare Workers, allowing dynamic content updates without JavaScript-heavy routes.

Why does my Hugo project require wrangler and npm for Cloudflare Workers deployment?▼

Wrangler and npm are required because wrangler manages Cloudflare Workers deployment and configuration while npm handles package installation for dependencies like TailwindCSS and site generation scripts.

Related Skills

Explore More Software Engineering Skills→
elithrarelithrar
190

wrangler

Manage Cloudflare Workers and resources via the Wrangler CLI.

Community
Intermediate
eykdeykd

static-first-routing

Configure static-first routing for Hugo sites with Cloudflare Workers.

Community
Intermediate
jbhicksjbhicks

pocketbase-htmx

Integrate HTMX with PocketBase Go apps for server-rendered UI.

Community
Advanced
rafaelminatto1rafaelminatto1

deployment-procedures

Identifies safe production deployment strategies and decision criteria for software releases.

Community
Advanced