Componenten

Bekijk de mogelijkheden van deze template

Everything You Need, Nothing You Don't

Built with modern tech developers already love

Authentication Ready

NextAuth.js integration with multiple providers and session management

Internationalization

Built-in support for multiple languages with next-intl (NL/EN)

Database Layer

Drizzle ORM with PostgreSQL for type-safe database operations

Email Integration

Resend integration with rich HTML templates and attachments

Modern UI

Tailwind CSS + Radix UI components for beautiful interfaces

TypeScript

Fully typed codebase for better developer experience and fewer bugs

AI Integration

Vercel AI SDK with PDF analysis, streaming responses, and credit management

Stats Cards

Display key metrics and statistics

Total Users

2,543

+12% from last month

Revenue

€45,231

+8% from last month

Active Now

573

+19% from last hour

Growth

+12.5%

vs last quarter

Code Example

How to use stats cards in your application

import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Users } from 'lucide-react';

<Card>
  <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
    <CardTitle className="text-sm font-medium">Total Users</CardTitle>
    <Users className="h-4 w-4 text-muted-foreground" />
  </CardHeader>
  <CardContent>
    <div className="text-2xl font-bold">2,543</div>
    <p className="text-xs text-muted-foreground">+12% from last month</p>
  </CardContent>
</Card>