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 |
| OpenAI | AI article generation (gpt-5-mini default, 6 models) and cover image generation (gpt-image-1 default, dall-e-3 available) | 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/openai | Vercel AI SDK for streaming text and structured object generation |
@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 OpenAI as its AI provider with 6 text models and 2 image models selectable from the admin dashboard. The default text model is gpt-5-mini and the default image model is gpt-image-1. All models are configured via a single
OPENAI_API_KEY environment variable.