skills.rest
freeslugs
freeslugsCOMMUNITY
Explore all skills by this author →
GitHub

frontend-playbook

Deploy Ethereum dApps to production via IPFS and Vercel.

Updated Feb 28, 2026
Search Tags:#frontend#vercel#dapp deployment#ens#scaffold-eth#ipfs
One-click install
npx skills add https://github.com/freeslugs/unlink-hackathon --skill frontend-playbook-freeslugs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-playbook
Source: https://github.com/freeslugs/unlink-hackathon/tree/main/_skills/eth-skills/frontend-playbook
Command: npx skills add https://github.com/freeslugs/unlink-hackathon --skill frontend-playbook-freeslugs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide and automated pipeline for deploying Ethereum dApps from development to production, ensuring a robust and decentralized launch.

Core Features & Use Cases

  • End-to-End Deployment: Covers everything from local development setup (forking mainnet) to IPFS or Vercel deployment.
  • Production Best Practices: Includes critical steps like ENS subdomain setup, OG image generation, and thorough build verification.
  • Use Case: You've built a new dApp on Base and are ready to launch. This Skill will guide you through setting up your local development environment using a mainnet fork, deploying to IPFS, configuring ENS for your custom subdomain, and performing a final production checklist.

Quick Start

Use the frontend-playbook skill to deploy your dApp to IPFS, including ENS setup.

Frequently Asked Questions about frontend-playbook

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

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

To deploy a dApp to IPFS and set up an ENS subdomain, you follow a complete build-to-production pipeline that details IPFS deployment alongside ENS subdomain configuration for decentralized access. This pipeline ensures a robust launch by providing specific setup steps and production verification checks.

What is the best way to deploy a Scaffold-ETH 2 dApp to Vercel?▼

The best way to deploy a Scaffold-ETH 2 dApp to Vercel is by using a deployment pipeline that includes Vercel configuration details and a full production checklist. This approach ensures your Ethereum dApp transitions smoothly from local development to a robust production environment.

Can I use this dApp deployment pipeline for frameworks other than Scaffold-ETH?▼

Yes, you can use this dApp deployment pipeline for frameworks other than Scaffold-ETH. The pipeline focuses on Scaffold-ETH 2 but is applicable to any dApp, providing universal steps for IPFS deployment, Vercel configuration, and ENS setup.

How do I set up a local development environment using a mainnet fork for dApps?▼

To set up a local development environment using a mainnet fork for dApps, you configure fork mode within your deployment pipeline. This allows you to test your Ethereum dApp against real mainnet state before moving to IPFS or Vercel production deployment.

Related Skills

Explore More Software Engineering Skills→
ccashwellccashwell
120

anvil-patterns

Automate local Ethereum node setup and testing with Anvil patterns.

Community
Advanced
mashharukimashharuki

frontend-playbook

Automate Ethereum dApp frontend deployment to IPFS or Vercel with ENS content-hash updates.

Community
Advanced
involvexinvolvex

erc-20

Add an ERC-20 token contract with deployment scripts and a frontend UI to Scaffold-ETH 2 projects.

Community
Intermediate
ccashwellccashwell
120

ipfs-deployment

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

Community
Intermediate