The Ultimate Next.js Directory Boilerplate.

Building directories has never been easier.

(Built on top of SaasCore Boilerplate)

Last updated on Dec 3, 2024

N

Front-end

Nextjs 14.3 - Tailwind CSS - Shadcn/ui - Typescript

Prisma

Database

Prisma - PostgreSQL - Neon

Zustand

State Management

Zustand & React-query

Dashboards

Client and Admin Dashboards

NextAuth

Authentication

Nextauth 5.0

Email

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

100 HOURS SAVED

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

Powered by NextAuth
35 HOURS SAVED

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...)

Powered by NeonPrismaPostgreSQL
5 HOURS SAVED

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

25 HOURS SAVED

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

Powered by Contentlayer
20 HOURS SAVED

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

10 HOURS SAVED

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

120 HOURS SAVED

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

25 HOURS SAVED
0 Hours (0 days) Saved
1-click deploy with
Roadmap
Check out our roadmap to learn everything about our future plans and what's coming next.
  • 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.

Do You have a feature in mind?
Extra

Additional benefits for you!

  • Next.js

    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.

Pricing

Flexible pricing, for everyone.

🎉 Black Friday Special Offer 🎉

About me and this project

How it all started

A brief description of myself and how this project came to be

personel image
Hey, I am Zack 👋
I'm a software engineer with a passion for building micro SaaS applications. The idea for this directory boilerplate, directoryEasy, emerged shortly after I launched topBoilerplate.com —a directory of boilerplates that helps developers build their SaaS apps quickly.
I abstracted the core logic behind SaasCore and made the codebase reusable for virtually any kind of directory. The code is clean and well-structured, allowing you to launch your own directory in no time.
directoryEasy is designed to be a versatile, efficient solution for creating various types of directories, leveraging the lessons learned and best practices developed during the creation of topBoilerplate.com.
It's worth mentioning that this boilerplate is built on top of SaasCore starter kit, which is a Next.js Boilerplate for SaaS Applications that I've built recently. Feel free to check it out at SaasCore.
FAQs

Frequently asked questions

Here are some of the most asked questions

    • NextAuthAuth.js
    • shadcn/ui
    • PostgreSQLPostgresql
    • TypescriptTypescript