◆ 60 Projects

Technology Stack

The 60 Projects Ecosystem uses modern, production-ready technologies across all projects.

🎨 Frontend Technologies

Frameworks

TechnologyVersionUse CaseProjects
React18+Component-based UI35+ projects
Next.js14-15Full-stack React framework25+ projects
Vue.js3+Progressive framework10 projects
Svelte4+Compile-time framework5 projects
Solid.js1.8+Reactive framework3 projects

Styling

TechnologyUse CaseProjects
Tailwind CSSUtility-first CSSAll projects
DaisyUIComponent library40+ projects
CSS ModulesScoped styling15 projects
Framer MotionAnimation library20 projects
Radix UIAccessible components10 projects

State Management

TechnologyUse CaseProjects
ZustandLightweight state25 projects
Redux ToolkitComplex state8 projects
Context APIReact built-in30 projects
TanStack QueryServer state15 projects
Vaul/PiniaVue state5 projects

🔧 Backend Technologies

Runtimes

TechnologyUse CaseProjects
Node.jsJavaScript runtime35 projects
BunFast JavaScript runtime10 projects
PythonGeneral purpose8 projects
DenoSecure runtime2 projects

Frameworks

TechnologyUse CaseProjects
Express.jsNode.js framework15 projects
FastifyFast Node.js server5 projects
Next.js APIFull-stack API routes25 projects
tRPCEnd-to-end types10 projects
FastAPIPython framework5 projects

🗄️ Databases

SQL Databases

TechnologyUse CaseProjects
PostgreSQLRelational data20 projects
SupabaseManaged PostgreSQL15 projects
NeonServerless Postgres5 projects
TursoEdge SQLite3 projects

NoSQL Databases

TechnologyUse CaseProjects
MongoDBDocument store8 projects
RedisCache & queues5 projects
FirebaseReal-time DB5 projects

ORM/Query Builders

TechnologyUse CaseProjects
PrismaType-safe ORM18 projects
DrizzleLightweight ORM8 projects
KyselyType-safe queries5 projects
MongooseMongoDB ODM5 projects

🔐 Authentication & Security

Authentication

TechnologyUse CaseProjects
NextAuth.jsNext.js auth15 projects
ClerkComplete auth8 projects
Supabase AuthSupabase auth12 projects
Lucia AuthLightweight auth5 projects
Auth0Enterprise auth3 projects

Authorization

TechnologyUse CaseProjects
CaslPermission library5 projects
RBACRole-based access10 projects
Row-Level SecurityDatabase-level12 projects

💳 Payments & Subscriptions

TechnologyUse CaseProjects
StripePayment processing8 projects
Lemon SqueezyAlternative payments3 projects
PaddleSaaS payments2 projects

📧 Email & Notifications

TechnologyUse CaseProjects
ResendTransactional email15 projects
SendGridEmail service5 projects
NodemailerEmail library8 projects
React EmailEmail templates12 projects

🤖 AI & LLMs

TechnologyUse CaseProjects
OpenAIGPT models10 projects
AnthropicClaude models5 projects
OpenRouterMulti-LLM router8 projects
Vercel AI SDKAI integration12 projects
LangChainAI framework6 projects

🎨 UI Components & Libraries

Component Libraries

LibraryUse CaseProjects
shadcn/uiCopy-paste components20 projects
Radix UIUnstyled components15 projects
Headless UITailwind components10 projects
Chakra UIAccessible UI5 projects

Form Handling

LibraryUse CaseProjects
React Hook FormForm validation25 projects
ZodSchema validation20 projects
TanStack FormForm state5 projects

Data Display

LibraryUse CaseProjects
TanStack TableData tables10 projects
RechartsCharts8 projects
D3.jsData visualization3 projects

📦 File & Asset Handling

TechnologyUse CaseProjects
UploadthingFile uploads10 projects
Vercel BlobObject storage8 projects
AWS S3Cloud storage5 projects
CloudinaryMedia management5 projects

🔍 Search & Analytics

TechnologyUse CaseProjects
AlgoliaFull-text search5 projects
MeilisearchOpen-source search3 projects
Google AnalyticsWeb analytics20 projects
PostHogProduct analytics8 projects

🧪 Testing

TechnologyUse CaseProjects
VitestUnit testing15 projects
PlaywrightE2E testing10 projects
JestTesting framework8 projects
Testing LibraryComponent testing12 projects

🚀 Deployment Platforms

PlatformUse CaseProjects
VercelNext.js hosting30 projects
NetlifyStatic sites15 projects
RenderFull-stack apps10 projects
Cloudflare PagesEdge hosting8 projects
RailwayBackend services5 projects

🛠️ Developer Tools

ToolUse CaseProjects
TypeScriptType safety50+ projects
ESLintLintingAll projects
PrettierCode formattingAll projects
** Husky**Git hooks30 projects
TurboMonorepo tool10 projects

📊 Why This Tech Stack?

Modern & Future-Ready

  • Technologies selected for longevity
  • Strong community support
  • Active development and updates
  • Industry adoption

Performance Focused

  • Fast build times with Turbopack
  • Optimized bundle sizes
  • Edge deployment capabilities
  • Serverless architectures

Developer Experience

  • Type safety with TypeScript
  • Excellent documentation
  • Great tooling
  • Hot reload and fast refresh

Production Ready

  • Battle-tested in production
  • Security best practices
  • Scalability built-in
  • Monitoring and analytics

🔄 Keeping Updated

Tech stack versions are regularly updated:

  • Monthly - Dependency updates
  • Quarterly - Major version upgrades
  • Annually - Framework migration planning

Check individual project package.json for exact versions.

📚 Learning Resources

Next: Explore Portfolio Projects

Running Projects Locally

Step-by-step guide to set up and run 60 Projects locally

Portfolio Projects (01-08)

Professional portfolio websites and personal branding projects

On this page

Technology Stack🎨 Frontend TechnologiesFrameworksStylingState Management🔧 Backend TechnologiesRuntimesFrameworks🗄️ DatabasesSQL DatabasesNoSQL DatabasesORM/Query Builders🔐 Authentication & SecurityAuthenticationAuthorization💳 Payments & Subscriptions📧 Email & Notifications🤖 AI & LLMs🎨 UI Components & LibrariesComponent LibrariesForm HandlingData Display📦 File & Asset Handling🔍 Search & Analytics🧪 Testing🚀 Deployment Platforms🛠️ Developer Tools📊 Why This Tech Stack?Modern & Future-ReadyPerformance FocusedDeveloper ExperienceProduction Ready🔄 Keeping Updated📚 Learning Resources