Customizing Pages

Customizing Pages

SlappShell serviceCRM uses the Next.js App Router for its page structure. You can customize the pages by editing the files in the /app/ directory.

You'll see a few different types of folders within /app/:

• (parentheses): Used for grouping related pages together without affecting the URL structure.
• [square-brackets]: Dynamic route segments for pages that require parameters (e.g., /services/[slug] based on the services in your config).
• normal-folderss: Standard folders that correspond to URL paths. (e.g. /services folder corresponds to /services URL and /services/page.tsx would be accessed via yourdomain.com/services)

When you set up your config files, the public-facing pages like the home page, services pages, and contact forms will automatically populate based on your configurations.

You'll have some customized boilerplate copy that is generally good enough if you're simply looking to get started quickly and drive traffic to your landing pages.

The public-facing pages of your app can be found in the /app/(public)/ directory.

The core pages of your site are already there for you, including:

• Home Page (/app/(public)/page.tsx)
• About Page (/app/(public)/about/page.tsx)
• Contact Page (/app/(public)/contact/page.tsx)
• Privacy Policy Page (/app/(public)/privacy/page.tsx)
• Terms of Service Page (/app/(public)/terms/page.tsx)
• Services Listing Page (/app/(public)/services/page.tsx)
• Individual Service Pages (/app/(public)/services/[slug]/page.tsx)

You can edit these files directly to customize the content, layout, and styling to better fit your brand and messaging.