-
Project Initialization
- Initialize Next.js 14 app (
npx create-next-app@latest) with TypeScript, Tailwind, ESLint - Install dependencies:
@supabase/supabase-js,@solana/web3.js,@solana/wallet-adapter-react,next-auth,lucide-react,clsx,tailwind-merge - Configure Tailwind with Design System (Cream/Forest theme, Fonts)
- Set up project structure (
/components,/lib,/types,/app/api)
- Initialize Next.js 14 app (
-
Database Setup (Railway PostgreSQL)
- Create
dk_userstable (Twitter auth data) - Create
dk_walletstable (Verified addresses) - Create
dk_tokenstable (Launch history & stats) - Create
dk_score_history&dk_profile_viewstables - Database client (
lib/db.ts) with all CRUD operations
- Create
-
Core Integrations (Lib Layer)
- Implement Helius Client (
lib/helius.ts)-
getTokensCreatedByWallet -
getTokenHolders -
getWalletTransactions
-
- Implement DexScreener Client (
lib/dexscreener.ts)-
getTokenMarketData -
checkMigrationStatus
-
- Implement Scoring Engine (
lib/scoring.ts)-
calculateTokenScore(Migration, ATH, etc.) -
calculateDevScore(Weighted avg, Tier logic)
-
- Implement Helius Client (
-
Authentication & Wallet Verification
- Configure NextAuth.js with Twitter Provider (
lib/auth.ts) - Implement Wallet Verification API
- Generate unique nonce message (
app/api/wallet/nonce/route.ts) - Verify signature using
nacl(app/api/wallet/verify/route.ts)
- Generate unique nonce message (
- Build Frontend Wallet Connect Component (
components/wallet/WalletConnect.tsx)
- Configure NextAuth.js with Twitter Provider (
-
Backend API Development
-
/api/profile/[handle]- Fetch profile & calc scores -
/api/search- Look up wallets/tokens -
/api/leaderboard- Aggregate top scores -
/api/user/sync- Trigger data refresh for user
-
-
Frontend Development (Public) - Wired to Backend
- Landing Page: Hero, Value Prop, Search Bar (uses /api/leaderboard)
- Profile Page: (uses /api/profile/[handle])
- Dev Score Card (with visual breakdown)
- Token History Table (sortable)
- "Proven/Rugged" Status indicators
- Leaderboard: Top ranking devs list (uses /api/leaderboard)
- Search: Result handling for wallets (uses /api/search)
-
Frontend Development (Authenticated)
- Dashboard: User overview
- Wallet Settings: Link/Unlink wallets
- Profile Settings: Edit bio, refresh data
-
Polish & Launch
- OG Image generation for shareable profiles
- End-to-end testing of verification flow
- Verify rate limit handling