译文出自：登链翻译计划 [1]
译者：翻译小组 [2]
校对：Tiny 熊 [3]
当你刚开始处理 web3 元数据时，也许会感到不知所措，至少我第一次是这样的感觉。我是那种做不了 YOLO 开发的人，我需要知道我正在做什么，正在用什么，以及如何构建有意义的东西，即使这只是 POC （proof of concept）。
YOLO （You only live once）意思是不求甚解
但在这种情况下，经验是很重要的，你不可能从一开始就学会所有的东西，否则你会很受伤。Scaffold-eth[4] 是一个完美的开始，它背后有一个经验丰富的社区（Telegram Group[5]），它有一个预先配置好的工作空间，有你需要的一切：
前端
智能合约
大量的现实的使用场景
这是你需要开始进行区块链编程和学习构建项目时的完美工具箱。
TLDR：
Scaffold-eth 为以太坊上的快速原型开发提供了一个现成的开发技术栈，使开发人员能够获得最先进的工具，以快速学习和交付基于以太坊的 dApp。
scaffold-eth 使用哪个技术栈？
目前，下面是它所使用的技术堆栈：
*Hardhat**[6]：一个开源项目，允许你运行本地网络，部署和测试智能合约；
*React**[7]: 用于构建前端，使用许多有用的预制组件和挂钩；
*Ant**[8]: 用于用户界面；
*Surge**[9]: 用于发布应用程序。
一些有用的链接：
scaffold-eth 源码 [10]
scaffoldeth 文档 [11]
Telegram Group[12]
Discord 小组（Buidl Guidl）[13]
专栏的最终目标是什么？
我是一个喜欢学习新技术的人，我喜欢创造内容，为社区作出贡献，并分享我的旅程和知识。
考虑到这一点，在这一旅程结束时，我希望能实现这些目标。
掌握 scaffold-eth 创建项目并在 main-net 上部署
学习我需要知道的关于 Solidity、ethersjs、hardhat 和 web3 开发的所有知识。
在 scaffold-eth 中增加对 TypeScript 的支持（在 react 前端和 solidity/hardhat 中都有 TypeChain[14]）。
前端部分从 React 切换到 NextJs[15]
增加支持将 react/nextjs 应用程序部署到 Vercel[16]
使用 TailwindCSS[17] 创建一个 scaffold-eth-ui 工具包
创建博客文章 / 视频，记录这一历程
在学习区块链概念时进行头脑风暴
它是一个很大的工作吗？是的 ! 但是，要不就大干一场，要不就回家，对吗？
本翻译由 CellETF[18] 赞助支持。
来源：https://stermi.medium.com/how-to-write-your-first-decentralized-app-scaffold-eth-challenge-1-staking-dapp-b0b6a6f4d242
参考资料
[1]
登链翻译计划 :https://github.com/lbc-team/Pioneer
[2]
翻译小组 :https://learnblockchain.cn/people/412
[3]
Tiny 熊 :https://learnblockchain.cn/people/15
[4]
Scaffold-eth:https://github.com/austintgriffith/scaffold-eth
[5]
Telegram Group:https://t.me/joinchat/KByvmRe5wkR-8F_zz6AjpA
[6]
Hardhat:https://hardhat.org/
[7]
React:https://reactjs.org/
[8]
Ant:https://ant.design/
[9]
Surge:https://surge.sh/
[10]
scaffold-eth 源码 :https://github.com/austintgriffith/scaffold-eth
[11]
scaffoldeth 文档 :https://docs.scaffoldeth.io/scaffold-eth/
[12]
Telegram Group:https://t.me/joinchat/KByvmRe5wkR-8F_zz6AjpA
[13]
Discord 小组（Buidl Guidl）:https://discord.gg/rXh6cX2r
[14]
TypeChain:https://github.com/ethereum-ts/TypeChain
[15]
NextJs:https://nextjs.org/
[16]
Vercel:https://vercel.com/
[17]
TailwindCSS:https://tailwindcss.com/
[18]
CellETF:https://celletf.io/?utm_souce=learnblockchain
