Solana Twitter / React version

Hi ! This is my React/Nextjs version of the absolutly stunning Solana Twitter dApp tutorial made by Loris Leiva.

Original version by Loris

Using Solana, Anchor framework, Vue.js and Tailwindcss

• Blog / Create a Solana dApp from scratch
• GitHub repository
• Devnet demo website

React version

Using Solana, Anchor framework, React, Nextjs, React Hook Form and Tailwindcss

• GitHub repository
• Devnet demo website

How to get started

Solana dApp part

The best way to jump into the web3 buidling world is the Loris' blog article, where solana dev environment install is fully detailled : # Getting started with Solana and Anchor

---

Nextjs front part

Again, go check the article, at episode 7 : # Scaffolding the frontend

But now you're on your own !

Call your best React experience to transcript every instruction from Vue to Nextjs from this base : episode-7 repo / React version !

Config

No special configuration is needed apart from Solana env needed in Episode 2 and classic Nextjs env.

Trying the dApp

If you just want to try the dApp here : solana-twitter-react.vercel.app, you will need :

1. Get Phantom.
2. Create a new wallet.
3. Airdrop to your wallet some Devnet Solana here.
4. Enjoy the app.

Devnet so no real money involved ;)

Don't worry about switching Solana net, it'll handle itself as the dApp is deployed on devnet, all transactions will take place on devnet.

Solana Web3 beginner resources

Not listing obvious Solana, Anchor, etc... docs

• Loris Leiva's Blog : high quality tutorials and smoooth design.
• Buildspace : very nice web3 tutorial app for beginners.

Feel free to push a PR to this ReadMe if you have cool resources to share.