Marketing pages

TurboStarter comes with pre-defined marketing pages to help you get started with your SaaS application. These pages are built with Next.js and Tailwind CSS and are located in the apps/web/src/app/(client)/(marketing) directory.

TurboStarter comes with the following marketing pages:

• Home Page (coming soon)
• Pricing Page: to display your pricing plans

Adding a new marketing page

You can add a new marketing page by creating a new file in the apps/web/src/app/(client)/(marketing) directory.

The page will be automatically available in your application.

For example, to create a new page at /about, you would create a folder named about. Then, create the page file in the folder. For example, to create an about page, you would create an about/page.tsx file in the about folder.

export default function AboutPage() {
  return <div>About</div>;
}

This page inherits the layout at apps/web/src/app/(client)/(marketing)/layout.tsx. You can customize the layout by editing this file - but remember that it will affect all marketing pages.