skills.rest
austintgriffith
austintgriffithCOMMUNITY
Explore all skills by this author →
Website𝕏@austingriffithGitHub

frontend-playbook

Guide Ethereum dApp deployment through IPFS, Vercel, and ENS integration.

246|51|Updated Feb 13, 2026
Search Tags:#deployment#frontend#vercel#dapp#ens#ipfs#scaffoldeth
One-click install
npx skills add https://github.com/austintgriffith/ethskills --skill frontend-playbook
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-playbook
Source: https://github.com/austintgriffith/ethskills/tree/main/frontend-playbook
Command: npx skills add https://github.com/austintgriffith/ethskills --skill frontend-playbook

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive, step-by-step guide to deploying Ethereum dApps from local development to a live production environment, covering everything from build configurations to ENS setup.

Core Features & Use Cases

  • Development Workflow: Guides users on using yarn fork for realistic local testing instead of yarn chain.
  • Deployment Strategies: Details deployment to IPFS (recommended) and Vercel, including crucial configuration steps for each.
  • ENS Integration: Explains how to set up ENS subdomains to point to IPFS deployments.
  • Production Checklist: Offers a detailed, actionable checklist for final code review, metadata, build verification, and reporting.
  • Use Case: A developer has finished building a new DeFi application using Scaffold-ETH 2 and needs to deploy it to a custom ENS domain (myapp.yourname.eth) using IPFS, ensuring all routes, metadata, and on-chain configurations are correct.

Quick Start

Use the frontend-playbook skill to deploy the current dApp project to production, starting with the final code review checklist.

Frequently Asked Questions about frontend-playbook

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

FAQPage Schema
How do I deploy an Ethereum dApp to IPFS and set up an ENS subdomain?▼

Deploying a dApp to IPFS involves configuring build settings, routing, and localStorage polyfills, followed by pointing your ENS subdomain to the generated IPFS hash for decentralized access.

What is the best way to test my dApp locally before deploying to production?▼

The best way to test your dApp locally before production is to use `yarn fork` for realistic local testing instead of `yarn chain`, ensuring your environment accurately mimics mainnet conditions.

How do I configure a Vercel monorepo for my Scaffold-ETH 2 project?▼

Configuring a Vercel monorepo for a Scaffold-ETH 2 project requires specific Vercel monorepo setup steps to ensure proper routing and build detection, avoiding stale builds during your dApp deployment.

Can I use Vercel instead of IPFS for hosting my Ethereum dApp frontend?▼

Yes, you can use Vercel instead of IPFS for hosting your Ethereum dApp frontend. The deployment process details configurations for both IPFS, which is recommended, and Vercel monorepo setups.

What should be included in a dApp production checklist before final deployment?▼

A dApp production checklist should include final code review, metadata verification, stale build detection, routing checks, and on-chain configurations to ensure all elements are correct before going live.

Why does my IPFS dApp deployment have routing issues and stale builds?▼

IPFS dApp deployment routing issues and stale builds often occur due to missing localStorage polyfills, incorrect routing configurations, or incomplete Vercel monorepo setup during the build process.

Related Skills

Explore More Software Engineering Skills→
mashharukimashharuki

orchestration

Plan, build, and deploy an Ethereum dApp with Scaffold-ETH 2 in three phases.

Community
Advanced
ZodomoZodomo
7

ship

Plan and ship decentralized applications from idea to deployed release.

Community
Advanced
ccashwellccashwell
120

ipfs-deployment

Automate dApp frontend deployment to IPFS with pinning and ENS content hashes.

Community
Intermediate
brainbrewlabsbrainbrewlabs
7

doc-publishing

Publishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.

Official
Intermediate