The Ultimate Next.js Directory Boilerplate.
Building directories has never been easier.
(Built on top of SaasCore Boilerplate)
N
Front-end
Nextjs 14.3 - Tailwind CSS - Shadcn/ui - Typescript
Database
Prisma - PostgreSQL - Neon
State Management
Zustand & React-query
Dashboards
Client and Admin Dashboards
Authentication
Nextauth 5.0
Emails
Resend - React email
Back-end
Server actions
Blog
Markdown Based
Setup your Directory sections and categories in Minutes!
// config.js
// Sections
export const mainSections: mainSection[] = [
{
name: "Section 1",
value: "SECTION1",
header: {
title: "Section 1",
description: "Lorem ipsum dolor sit amet consectetur adipisicing elit.",
cta: {
label: "Add Item",
href: "/client/add-item",
},
},
},
// More sections...
];
// Categories
export const menu = [
{
type: "SECTION1" as ItemType,
groupLabel: "Select Category",
menus: [
{
label: "Category 1",
icon: Icons.settings,
opened: false,
submenus: [
{
icon: Icons.book,
label: "subcategory 1",
id: "category1subcategory1",
selected: false,
},
// More submenus...
],
},
// More menus...
],
},
// More menu items...
];
Landing Page
A versatile and feature-rich landing page system that offers multi-section support, functional categories and filters, integrated authentication pages, and a sleek light and dark mode.
Multi-section support
Functional categories and filters
Authentication (sign-in, sign-up) pages
Light and dark mode
Authentication
User Authentication is handled by Auth.js 5.0, which enables you to fully customize every aspect of your authentication flow.
Social Auth (Google, GitHub, Twitter, Facebook ...)
Traditional Email/Pass Auth with Password Reset functionality
Multi-Factor Auth functionality
Database
Use your preferred database effortlessly with Prisma ORM, preferred choice for modern database management.
PostgreSQL by default but you can also switch to (MySQL, MongoDB, more...)
Emails
We designed and set up over 10 email templates using React Email & Resend.
Send transactional emails (password reset, 2FA, activation)
Send welcome emails to new clients
Send contact form emails to admin
Send emails to clients when their submitted items have been approved or rejected
MDX-based Blog
We have integrated an entire blog powered by MDX and Contentlayer. This will keep your SaaS customers up-to-date with the latest news and enhances your online presence, thereby driving more sales.
Markdown support: Write content easily using familiar Markdown syntax
SEO optimization: Combine Next.js static site generation (SSG) with contentlayer's structured content management for improved search engine visibility
Type-safe content management: Benefit from contentlayer's TypeScript integration for error-free content handling
Flexible content modeling: Define custom schemas with contentlayer's powerful content type system
SEO and Performance Optimized
SEO and performance optimized for peak efficiency, ensuring search engine visibility and fast loading times. Enhances user experience and boosts site ranking to drive organic traffic to your SaaS business.
Ready-to-use SEO setup
Dynamic Opengraph metadata
Optimized site assets
Admin Dashboard
The DirectoryEasy includes an advanced Admin Dashboard designed to streamline the management of your Directory operations. This intuitive dashboard is seamlessly integrated with the backend for effortless functionality. Key features include:
Real-time visitor analytics
New user registration tracking
Visual data representation through dynamic charts
Table showing all items and their approval status
Quick-action buttons for editing, status updates, and removal
User management interface with role-based access control
Efficient review moderation system
Tasks manager
Client Dashboard
The DirectoryEasy features a user-friendly Client Dashboard that empowers end-users to manage and modify their account settings and preferences effortlessly.
Streamlined item submission process with AI-powered description generation
Personalized item management dashboard
Favorites section for easy access to preferred listings
Reviews section to view previous user reviews with delete functionality
Comprehensive profile management
Manage email preferences by giving users the option to opt in or out of your mailing list.
Clients can easily delete their accounts and associated data.
Image upload funtionality using claudinary
- Automated Top 10 Lists
We will programmatically generate 'Top 10 items' pages for various categories and subcategories to Boost your SEO and drive more traffic to your directory.
- Paid Directory
We will add subscription options, allowing users to pay to feature their items or submit their listings to the directory.
Additional benefits for you!
Discord community
With the purchase you get access to the exclusive Discord community for support.
Lifetime Free Updates
Our commitment to providing lifetime free updates ensures that your Directory platform remains up-to-date with the latest features and improvements. This ongoing support guarantees that your software will continuously evolve, keeping you ahead of industry trends without any additional costs.
Flexible pricing, for everyone.
How it all started
A brief description of myself and how this project came to be
Frequently asked questions
Here are some of the most asked questions