DirectoryStack Logo Light Mode

Customizations

Here is a list of the most prominent components & pages that when changed visually will immediately change the apperance of your directory:

Can be found here: /app/_components/listings/ListingCard.tsx

This is the sneak peek of a listing. It is prominently featured on the landing page, and in each category overview. Changing this file will probably have the greatest impact on general appear of your directory.

Can be found here: /app/_components/Hero.tsx

This is the hero section of each overview page (e.g. 'explore', or any category overview). Next to changing the hero image, you can also think about removing the image all together to go with a cleaner approach.

Can be found here: /app/page.tsx

This is the landing page for your directory. Per default it features a hero section, a 'Recently Added' & 'Most liked'-category overview, some content breakers, a category overview, and a FAQ.

Changing this page will immediately give your visitors a completely new feel.

Can be found here: /app/(Public)/explore/[slug]/page.tsx

This file outlines the structure of a listing. After your front page, this page structure will be visited most often. Make sure that your visitors get the information that they want in the format they need. This really depends on your liking and your directory's purpose.

Interested in kickstarting your directory business?

Get the latest news, guides and changelog updates straight to your inbox.

By signing up, you agree to our Privacy Policy