Instant Directory Boilerplate: Go Live in minutes, Not months

The Ultimate Next.js Directory Boilerplate.

(Built on top of NextSaas Boilerplate)

Last updated on Oct 12, 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 NextDirectory 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 NextDirectory 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.

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.

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, NextDirectory, emerged shortly after I launched SaasCore.com—a directory of boilerplates, templates, and tools 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.
NextDirectory 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 SaasCore.com.
It's worth mentioning that this boilerplate is built on top of NextSaas starter kit, which is a Next.js Boilerplate for SaaS Applications that I've built recently. Feel free to check it out at NextSaas.io.
FAQs

Frequently asked questions

Here are some of the most asked questions

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