First prompt - step 1
This is the most important prompt. If you get it right, you're gonna have a better time building the app.
Describe what you want to build. Make it concise and be articulate. Be descriptive of what you want (your goal/objective) but don't get into how you want it (styles, colours, visual details…).
I don't know what next.js is and you don't need to know either. If you want to make a web app just ask AI:
Use next.js (app router) to make me this:
Using bullet points and breaking things down helps AI to be more effective.
Here's a bad example:
Bad Example
I want to make a digital wishing well. Have a wallet connect button on the top right of the page and a make a wish button in the middle of the page and have coins represent wishes. The wishes should be on-chain. And make the site look pretty.
Here is a good example:
Good Example
Make me a single page web app using next.js (app router):
- I want to make a web based on-chain wishing well, where you'd burn Eth to leave a message onchain (as opposed to the traditional wishing well where you'd throw coins in the well or water fountain).
- Use Dynamic (dynamic.xyz) to let the user connect their wallet and pay 0.0001 Eth.
- Use a component to have an animated array of nodes on the page.
- Light a node up per wish made.
- Make a component for making a wish. This would be a modal that would open when I press 'make a wish' button. Here I would write down my wish, enter my twitter handle (optional) and select if I would like to pay on Ethereum or Base network and press 'burn eth'.
- Once I press 'burn eth', I should sign a message transferring 0.0001 Eth to 0xdead and leave my message in the transaction data.