Premium Edition

Direo — The Modern Directory & Listings Next.js Template

Built with Next.js 15, React 19, and TypeScript. Features real database integration, authentication system, payment processing, and comprehensive business features.

25+ Pages
20+ Components
direo-nextjs
// Premium Directory Platform
import { NextAuthOptions } from 'next-auth'
import { PrismaAdapter } from '@auth/prisma-adapter'
import { stripe } from '@/lib/stripe'

export const authOptions: NextAuthOptions = {
  adapter: PrismaAdapter(prisma),
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID!,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
    }),
  ],
  callbacks: {
    async session({ session, token }) {
      if (token) {
        session.user.role = token.role
      }
      return session
    },
  },
}

Premium Features

Everything you need to build a successful directory platform

Database Integration

PostgreSQL with Prisma ORM for type-safe database operations and complex relationships.

  • 15+ database tables
  • Complex relationships
  • Type-safe queries
  • Migration system

Authentication System

NextAuth.js with multiple providers and role-based access control.

  • Google OAuth
  • Email/Password
  • Role-based access
  • Session management

Payment Processing

Stripe integration with secure payment processing and checkout flow.

  • Payment processing
  • Secure checkout
  • Webhook handling
  • Customer portal

Admin Panel

Complete administrative dashboard for platform management.

  • User management
  • Listing submission
  • Analytics dashboard
  • Content management

Email System

Professional email templates with SMTP integration.

  • HTML templates
  • Automated emails
  • SMTP integration
  • Rate limiting

Google Maps

Interactive maps with location services and custom markers.

  • Interactive maps
  • Custom markers
  • Location services
  • Directions API

Modern Tech Stack

Built with the latest technologies and best practices

Frontend

Next.js 15
React 19
TypeScript 5
Bootstrap 4.3.1

Backend

Next.js API
PostgreSQL
Prisma ORM
NextAuth.js

Services

Stripe
Nodemailer
Google Maps
Vercel

Live Demo

Experience the full functionality of the platform

Home Page

Homepage

Beautiful landing page with hero section, featured listings, and category showcase.

View Demo
Listings Page

Listings

Advanced search and filtering with grid and list views.

View Demo
Dashboard

Dashboard

User dashboard with analytics, listing management, and profile settings.

View Demo

Quick Setup

Get your platform running in just a few steps

1

Install Dependencies

Install all required packages and dependencies

npm install
2

Environment Setup

Configure your environment variables

cp .env.example .env.local
# Edit .env.local with your configuration
3

Database Setup

Set up your PostgreSQL database

npm run db:generate
npm run db:push
npm run db:seed
4

Start Development

Launch your development server

npm run dev

Ready to Launch Your Directory Platform?

Get the complete source code and start building your directory business today.

Complete source code
Lifetime updates
Commercial license
Purchase Now