Full lesson
vertex
Crypto invoicing for the Solana freelance economy. Generate professional agreements and get paid in USDC or SOL straight to your wallet.
What it does
From the project README:
[](https://solana.com) [](https://nextjs.org) [](https://supabase.com) [](https://vertex-pay.vercel.app)
- Original
- Ghostiemoh/vertex
- SuperStack fork
- Blockchains/vertex @
f524c6b - Stars
- 0
- Last push (original)
- 2026-08-13
- Languages
- TypeScript, HTML, CSS, PLpgSQL, JavaScript
- Detected stack
- Next.jsSolana Actionsweb3.js
- Categories
- PaymentsWallets & Identity
- Licence
- MIT
- Homepage
- https://vertex-pay.vercel.app
Architecture
51 source files. By extension: .tsx ×32, .ts ×19.
| Top-level directory | Source files |
|---|---|
src | 49 |
(root) | 2 |
Dapp: devnet deploy pending
⏳ Devnet deploy pending — goes live when the devnet wallet is topped up. This fork's own dapp is not deployed yet, so there is no program address or transaction to show. It is queued in dapp-queue.txt; once devnet SOL is available it is deployed, exercised with real devnet transactions, and this section switches to the live dapp at /dapps/vertex/. Until then, the lesson and step-by-step guide below are complete, and you can run it locally with the commands below.
Key code, explained
Excerpts chosen automatically where the code uses the most Solana concepts, pinned to the fork's commit.
src/app/api/actions/pay/[id]/route.ts L1–24 @ f524c6b · MIT · originalimport { ActionGetResponse, ActionPostResponse, ACTIONS_CORS_HEADERS, createPostResponse,} from "@solana/actions";import { blinkActionPostSchema } from "@/lib/schemas";import { PublicKey, Transaction, SystemProgram, TransactionInstruction,} from "@solana/web3.js";import { createAssociatedTokenAccountInstruction, createTransferInstruction, getAccount, getAssociatedTokenAddress,} from "@solana/spl-token";import { calculatePaymentBreakdown, decodePaymentRequest, getPaymentUrl, getTokenMint,- Line 2
ActionGetResponse,: The metadata a Blink client renders (title, icon, buttons). - Line 3
ActionPostResponse,: Returns the serialized transaction the wallet will sign. - Line 16
createTransferInstruction,: An SPL token transfer through the Token Program.
src/app/pay/[id]/page.tsx L241–263 @ f524c6b · MIT · original mintPubkey ) ); } transaction.add( createTransferInstruction( senderAta, treasuryAta, publicKey, toAtomicUnits(breakdown.platformFee, request.token) ) ); } } const signature = await sendTransaction(transaction, connection); const latestBlockhash = await connection.getLatestBlockhash(); await connection.confirmTransaction({ signature, blockhash: latestBlockhash.blockhash, lastValidBlockHeight: latestBlockhash.lastValidBlockHeight, });- Line 247
createTransferInstruction(: An SPL token transfer through the Token Program. - Line 257
const signature = await sendTransaction(transaction, connection);: Submits the signed transaction to the cluster. - Line 258
const latestBlockhash = await connection.getLatestBlockhash();: Fetches a recent blockhash. Transactions expire if it gets too old.
How to run, build and test
These commands come from the repo's own manifests (package.json scripts, Anchor.toml, Cargo, go.mod, Makefile). Check the README for prerequisites and environment variables.
| Directory | Command | Runs |
|---|---|---|
. | npm run dev | next dev |
. | npm run start | next start |
. | npm run build | next build |
. | npm run test | vitest run |
. | npm run lint | eslint |
What you could build from it
- Fork the SuperStack copy and extend it within the Payments gaps listed on the idea page.
- Learn the pattern first: Solana Pay
- Learn the pattern first: SPL Tokens: mints, accounts and transfers
- Learn the pattern first: Blinks and Solana Actions