ethersite

ethsite is a full-stack Web3 platform that enables creators to build, publish, and monetize websites directly on their ENS domains. It combines AI-powered website creation, ENS-native publishing, cross-chain payments, and content monetization into a single dashboard.

Creators begin by describing their vision in natural language. The AI website builder generates a complete site structure with customizable sections such as headers, hero banners, about pages, feature showcases, galleries, and contact forms. A visual editor allows drag-and-drop section reordering, live previews across desktop, tablet, and mobile viewports, and optional deep customization through a full Monaco code editor for HTML, CSS, and JavaScript. AI-generated hero images add visual polish without requiring design experience.

Websites are published directly to IPFS and linked to ENS domains by updating the on-chain content hash. This enables fully decentralized websites that resolve through ENS names like yourname.eth and remain accessible via ENS-compatible gateways. Ownership verification ensures that only ENS holders can publish to their domains.

ethsite integrates cross-chain USDC payments through Arc, enabling creators to receive payments for services, digital products, and gated content. ENS pay links can be shared anywhere and accept payments from any supported network. Payments are automatically routed across chains, with bridging handled transparently in the background.

The content studio supports long-form article publishing, cover images, and scheduled releases. Posts can be gated with USDC unlock prices to support one-time access. The studio tracks word counts, manages drafts, and handles media uploads through Cloudflare R2.

A unified treasury and analytics dashboard provides visibility into earnings across all publishings and pay links. Payment activity includes full transaction details, including amounts, payer addresses, and the chain used. Weekly summaries offer a clear overview of revenue and performance.

Web3 Integration

Ethereum interactions are handled using wagmi and viem, including wallet connections, chain switching, contract calls, and transaction signing. RainbowKit provides the wallet connection interface with multi-wallet support. ENS contracts on Sepolia are used to resolve names and write records such as text records and contenthash updates during publishing.

AI-Powered Website Generation

AI-powered generation is integrated using OpenAI. Users describe their website in natural language, and the backend uses OpenAI to generate structured JSON representing site sections, themes, layout configuration, and initial content.

The site builder is powered by a custom useSiteBuilder hook that manages generation state, streaming responses, and site structure. Generated output is rendered into editable sections within the dashboard. Monaco Editor is dynamically imported to avoid SSR issues and provides syntax highlighting and full customization for HTML, CSS, and JavaScript.

Cross-Chain Payments with Circle & Arc

Cross-chain USDC payments are implemented using Circle’s CCTP and Arc. The routing system supports direct same-chain transfers and Arc-based cross-chain routing. Payments operate across Base Sepolia, Arbitrum Sepolia, Optimism Sepolia, Polygon Amoy, and Ethereum Sepolia. The backend tracks all payment activity with full source and destination chain metadata.

Content Studio & Monetization

The content studio supports long-form article publishing with Markdown, cover images, and scheduled releases. Posts can be gated with USDC unlock prices to enable one-time access or subscription-style monetization. The studio tracks word counts, manages drafts, and handles media uploads through Cloudflare R2.

ENS, IPFS, and Domain Resolution

When a site is published, the generated HTML, CSS, and JavaScript assets are bundled into a ZIP archive and uploaded to IPFS via Pinata or web3.storage. The resulting content CID is written on-chain by updating the ENS contenthash record for the domain.

A Cloudflare Worker acts as the gateway layer for ENS websites. Incoming requests to .eth domains are intercepted at the edge, resolved to the corresponding ENS records, and routed to the correct IPFS-hosted site through the ethsite gateway. This enables seamless access to ENS websites in standard browsers while preserving decentralized ownership and on-chain resolution.

Backend & Identity Architecture

The backend is built with Express and Prisma, providing a structured API layer and strongly typed access to a PostgreSQL database. It handles site and post CRUD operations, ENS name resolution, ownership verification, payment activity tracking, and OpenAI-powered generation workflows. Prisma models enforce consistency across sites, content, payments, and ENS-linked identities.

ENS serves as the identity and authorization layer across the platform. The system resolves ENS names, verifies domain ownership, and writes on-chain records including text records and contenthash updates. All publishing, content updates, and monetization actions are gated by ENS ownership, ensuring only verified domain holders can manage ENS-linked sites.

Implementation Details

The editor preview runs inside an iframe using srcdoc injection with a custom message bridge to capture console output from previewed code. ENS ownership verification is optimized by fetching all ENS names owned by a wallet and checking membership rather than performing repeated on-chain calls. Cross-chain payment routing is determined dynamically based on the connected chain and destination chain, with automatic bridge selection. Legacy content routes are redirected to cleaner URL structures while maintaining backwards compatibility.