Better luck with Alchemy than Moralis? wagmi init

[engsbergp]

I tried my luck with Moralis last year, gave up, decided to try it again with these tutorials, and it felt like the same uphill battle.

To me, their builds feel unstable, and have limited legacy support. They DO put out a lot of tutorials, but with such inconsistent methodology, I always seem to be one step forward, and two steps back.

Curious if anyone has had a similar experience?

HOWEVER!!! They are encouraging ppl to use https://wagmi.sh/ React hooks for Ethereum
Total game changer IMO. They have a wagmi init that comes with great NextJs boilerplate code, and a number of built in walletConnect options.

This set me off in a great direction. I migrated my workflow to alchemy and its FANTASTIC!
Their docs are very straightforward and need almost no setup. Great for a MVP where no server and database is needed.

Today was such a big day for my app building, I had to share. Took two days to figure out what the right move is, and I hope this can save at least one person some frustration.

WORKFLOW WAGMI, ALCHEMY, NEXTJS, TAILWIND

Create project with Wagmi init  **create with rainbow kit**
https://wagmi.sh/react/getting-started
https://docs.alchemy.com/reference/alchemy-sdk-quickstart
https://www.rainbowkit.com/docs/introduction

Add dependencies
npm i tailwindcss postcss autoprefixer react-icons tailwind-scrollbar prettier alchemy-sdk dotenv

npx tailwindcss init -p

Change tailwind.config
Import css on _app.tsx

Import .env, prettier, 

Create .babelrc
{
    "presets": ["next/babel"],
    "plugins": []
}

Replace eslintrc.json
{
    "extends": ["next/babel", "next/core-web-vitals"]
}