Sol.College

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 directorySource files
src49
(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.

Ghostiemoh/vertex · src/app/api/actions/pay/[id]/route.ts L1–24 @ f524c6b · MIT · original
import {  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,
  1. Line 2 ActionGetResponse,: The metadata a Blink client renders (title, icon, buttons).
  2. Line 3 ActionPostResponse,: Returns the serialized transaction the wallet will sign.
  3. Line 16 createTransferInstruction,: An SPL token transfer through the Token Program.
Ghostiemoh/vertex · 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,      });
  1. Line 247 createTransferInstruction(: An SPL token transfer through the Token Program.
  2. Line 257 const signature = await sendTransaction(transaction, connection);: Submits the signed transaction to the cluster.
  3. 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.

DirectoryCommandRuns
.npm run devnext dev
.npm run startnext start
.npm run buildnext build
.npm run testvitest run
.npm run linteslint

What you could build from it

Used in lessons