Tech Stack Overview
Every technology in the BloggFast stack, what it does, and where it is used.
Last updated:
BloggFast uses a curated set of modern, production-proven tools. Here is the full stack at a glance.
Core stack
| Technology | Version | Role |
|---|---|---|
| Next.js | 16.1.6 | Full-stack React framework (App Router, Server Components, API Routes) |
| React | 19.2.3 | UI library with React Compiler enabled |
| TypeScript | 5 | Type safety throughout the codebase |
| Prisma | 7.5.0 | Type-safe ORM for Neon Postgres database access |
| Tailwind CSS | 4 | Utility-first CSS framework |
External services
| Service | Role | Required? |
|---|---|---|
| Neon Database | Serverless Postgres — stores articles, users, categories, subscribers, analytics | Yes |
| Neon Auth | Authentication provider — cookie-based sessions and user accounts | Yes |
| Sanity.io | Headless CMS — content editing, Portable Text, media management | Yes |
| Resend | Transactional email — subscriptions, welcome, confirmation, webhooks | Yes |
| Vercel AI Gateway | Unified AI access — claude-sonnet-4.6 text and flux-2-pro images by default; swap to any Anthropic / Google / OpenAI model from the admin | Yes |
| Cloudflare R2 | S3-compatible object storage for cover images, generated images, and skill files | Yes |
| Vercel | Hosting, edge network, deployment pipeline | Recommended |
UI layer
| Library | Role |
|---|---|
| shadcn/ui | Accessible component primitives (built on Radix UI) |
| Radix UI | Unstyled accessible primitives (Dialog, Select, Popover, etc.) |
| Lucide React | Icon library (577+ icons) |
| next-themes | Dark mode support with system preference sync |
| Sonner | Toast notification library |
Key packages
| Package | Purpose |
|---|---|
ai + @ai-sdk/gateway | Vercel AI SDK + Gateway adapter for streaming text and structured object generation across providers |
@ai-sdk/anthropic / @ai-sdk/google / @ai-sdk/openai | Provider adapters used behind the gateway |
@aws-sdk/client-s3 + @aws-sdk/s3-request-presigner | Upload and sign objects against Cloudflare R2's S3-compatible endpoint |
@neondatabase/auth | Neon Auth client for session management |
@prisma/adapter-neon | Prisma driver adapter for Neon's serverless WebSocket connection |
next-sanity | Sanity client integration for Next.js with GROQ queries |
@portabletext/react | Renders Sanity Portable Text as React components |
react-markdown + remark-gfm | Renders Prisma-stored markdown articles with GitHub Flavored Markdown |
resend | Email sending API client |
recharts | Charts for the admin analytics dashboard |
react-hook-form + zod | Form validation and schema definition |
@t3-oss/env-nextjs | Type-safe environment variable validation with Zod |
nuqs | Type-safe URL search params for Next.js |
slugify | URL slug generation from article titles |
reading-time | Estimates article reading time from word count |
date-fns | Date formatting utilities |
svix | Webhook verification for Resend webhook events |
Note
BloggFast uses the Vercel AI Gateway as its AI provider. Defaults are claude-sonnet-4.6 for text and flux-2-pro for cover images; any Anthropic, Google, or OpenAI model on the gateway can be selected from
/admin/settings. A single AI_GATEWAY_API_KEY covers every provider.