Create a Solana dApp from scratch

1

What are we building?

Before we dive in, let's start by having a quick look at what we're going to achieve by the end of this series.

2

Getting started with Solana and Anchor

In this episode, we install everything we need to get started with Solana and Anchor. We also deep dive into Anchor's development cycle: Build, Deploy and Test.

3

Structuring our Tweet account

In this episode, we define what we want to store in our Tweet accounts before explaining how Solana accounts work and how they're structured.

4

Our first instruction

Now that our Tweet account is ready, let's create an instruction that allows users to publish their own tweets.

5

Testing our instruction

Our program is ready so let's test it! It gives us the perfect opportunity to learn more about JavaScript clients and see how they interact with our program.

6

Fetching tweets from the program

In the episode, we learn how to fetch multiple tweet accounts at once and how to filter them by various properties.

7

Scaffolding the frontend

We quickly scaffold a mock user interface using VueJS, TailwindCSS and Vue Router. Instead of spending hours designing components, I'll give you all the files you need as a big ZIP to copy/paste into your project.

8

Integrating with Solana wallets

In this episode, we allow users to connect their wallets within our application. On top of getting additional wallet data in our app, this also allows us to recreate the program object defined by Anchor.

9

Fetching tweets in the frontend

With our Anchor program at hand, we update our frontend so it displays real tweets from the blockchain instead of mock data.

10

Sending new tweets from the frontend

In this episode, we finally complete our frontend application by allowing users to send tweets!

11

Deploying to devnet

Our decentralised application is finally ready to be deployed so let's learn how to do that. Let the world see what you've created! 🚀

12

Updating tweets

Let's continue to improve our dApp feature by feature. In this episode, we'll create a new instruction allowing users to update their own tweets.

13

Deleting tweets

Now that we know how to create, read and update accounts in Solana, let's see how to delete them.

14

Paginating tweets

When a program starts getting lots of accounts, it can be tricky to retrieve them whilst keeping a decent user experience. In this episode, we use tricks to paginate and order accounts from our program.