Zero to One Full-Stack DApp Ethereum Development based on Foundry, NextJS, Typescript - 2 Setting up the project
Zero to One Full-Stack DApp Ethereum Development based on Foundry, NextJS, Typescript - 1 Frameworks and technologies
Zero to One Full-Stack Ethereum DApp Development based on Foundry, NextJS, Typescript - 0 What is a minimal DApp?

Zero to One Full-Stack Ethereum DApp Development based on Foundry, NextJS, Typescript - 0 What is a minimal DApp?

Why

Recently, I studied a lot of knowledge about the Ethereum ecosystem.
I can’t wait to create something by myself.
But I searched for a long time without finding a basic tutorial for me to explain how the front-end and chain-end interact.
Some tutorials are old. Other tutorials don’t match my tech stack.
I know scaffold-eth can help most fresh developers begin Ethereum development. However, scaffold-eth has too much magic for me. It hides some basic things. And I want to know the full details.
So I reckon I could write some articles from web2 developer to web3 beginner DApp developer in 2022. It’s a cool thing.

Learning DApp architecture

I have read through this The Architecture of a Web 3.0 application and the knowledge I have so far.

I draw the simply DApp architecture

Simply DApp architecture

Look at the picture, there are two important questions:

  1. How do browsers and websites interact with each other?
  2. How do websites and blockchains interact with each other?

Simple Answers:

  1. Browser’s wallet extension or Wallet App
  2. JSON RPC

Then, we will explore these two questions carefully when building a minimal DApp.

Our Target

  1. What is a minimal DApp?
  2. Frameworks and technologies
  3. Setting up the project
  4. Setting up the local chain
  5. Deploying smart contract to a local chain
  6. Building front-end then using it to call smart contract
  7. Deploying DApp to the world
Read more
NextJS creates a upload image api by itself and it supports Tinymce

NextJS creates a upload image api by itself and it supports Tinymce

If you build a website with NextJS as full stack web framework, perhaps you will encounter a need to upload a file.

But the NextJS’s official website doesn’t write how to do this.

So I investigated other developers’ code to make a working version.

Read more
Self hosted TinyMCE 6.x in NextJS 12.x - Javascript version
How to generate a new Ethereum address

How to generate a new Ethereum address

They have different account systems on Bitcoin and Ethereum

Bitcoin and Ethereum are different design ideas for account systems. So their transaction systems are not the same.

Today, I will ignore Bitcoin and more explain about Ethereum.

  • Bitcoin uses Unspent Transaction Output.
  • Ethereum uses the normal account system.
Read more
What is the value of Blockchain?

What is the value of Blockchain?

What is the Value?

We need to define the value before when we talk about the value of blockchain.

I think that there are two simple kinds of value.

  1. It can bring benefits to human civilization.
  2. Some people want it and pay a good price.

They are completely different, but they do not conflict with each other.

Things could be used those means to explain their value. For Examples:

Electric Power In my opinion, electric power brings benefits to human civilization. And normal people get it very cheap.

Hermès’s bag From my point of view luxury goods doesn’t bring anything to human civilization. But they are very very expensive.

SpaceX’s rocket I honestly think that the rocket brings great benefits to human civilization, and it is very expensive.

Current the article As far as I’m concerned, this article neither brings anything to human civilization, nor no one wants to pay any price.

If you ask me what is the value of blockchain now, I need to know which value is you asked for.

I will discuss each value of blockchain below.

This article is very subjective. If you do not feel comfortable viewing it, please close it as soon as possible.
If you think my article can help you, you can subscribe to this site by using RSS.

Read more
What is the biggest problem with Web3?

What is the biggest problem with Web3?

Recently, I was studying so much knowledge about Web3. Then one question is always in my head.
Why Web3 is the further? Why?
I know we can get so many cool things by Web3.
But…

Read more
Vim Useful Tricks

Vim Useful Tricks

Hi everyone. Today I want to share a vim trick.
It’s very useful when I was coding every day.
So hope you like it.

Problem

I have those situation every day. I want to change ‘target’. So how can I do?

1
2
3
4
5
6
7
8
foo target boo
foo "target target"
foo 'target target'
foo (target target)
foo {target target}
foo [target target]
foo <target target>
foo <div>target target</div>
Read more