Folder Structure
Launchpad Next templates are designed with a clean, scalable architecture so you don’t get lost in a maze of components.
Think of it like a well-labeled workshop: every tool has a place, every section has a purpose.
Overview
Here’s the core structure of the SaaS landing page template:
launchpad-next/
├── app/
│ ├── (marketing)/
│ │ ├── page.tsx
│ │ ├── pricing/
│ │ ├── blog/
│ │ └── contact/
│ │
│ ├── blog/
│ │ ├── page.tsx
│ │ └── [...slug]/
│ │ └── page.tsx
│ │
│ ├── (docs)/
│ │ └── docs/
│ │ ├── page.tsx
│ │ └── [...slug]/
│ │ └── page.tsx
│ ├── api/
│ │ ├── revalidate/
│ │ ├── webhooks/
│ │ └── health/
│ │
│ ├── favicon.ico
│ ├── icon.png
│ ├── sitemap.ts
│ ├── robots.ts
│ ├── manifest.ts
│ ├── not-found.tsx
│ ├── error.tsx
│ ├── loading.tsx
│ ├── layout.tsx
│ ├── page.tsx
│ └── globals.css
│
├── components/
│ ├── ui/
│ │ ├── Accordion.tsx
│ │ ├── Badge.tsx
│ │ ├── Button.tsx
│ │ ├── Card.tsx
│ │ ├── FeatureTabs.tsx
│ │ ├── IconCard.tsx
│ │ ├── PricingCard.tsx
│ │ └── ReviewCard.tsx
│ │
│ ├── layout/
│ │ ├── Header.tsx
│ │ ├── Footer.tsx
│ │ ├── Sidebar.tsx
│ │ └── MobileMenu.tsx
│ │
│ │
│ │
│ │
│ ├── blocks/
│ │ ├── pricing.tsx
│ │ ├── about.tsx
│ │ └── contact.tsx
│ │
│ │
│ └── shared/
│ ├── Logo.tsx
│ └── ThemeSwitcher.tsx
│
├── content/
│ ├── docs/
│ ├── blog/
│ └── prompts/
│
├── lib/
│ ├── constants/
│ │ ├── navigation.ts
│ │ ├── seo.ts
│ │ └── site.ts
│ │
│ ├── mdx/
│ │ ├── getBlog.ts
│ │ ├── getDocs.ts
│ │ └── serialize.ts
│ │
│ ├── utils/
│ │ ├── cn.ts
│ │ ├── slugify.ts
│ │ └── formatDate.ts
│ │
│ └── validations/
│ └── forms.ts
│
├── public/
│ ├── fonts/
│ ├── icons/
│ ├── images/
│ │ ├── blog/
│ │ └── og/
│ │
│ └── videos/
│
│
│
│
│
├── scripts/
│ ├── generate-sitemap.ts
│ ├── generate-og.ts
│ ├── generate-search-index.ts
│ └── clean-docs.ts
│
│
├── types/
│ ├── docs.ts
│ ├── blog.ts
│ ├── navigation.ts
│ ├── seo.ts
│ └── global.ts
│
├── .env.example
├── components.json
├── mdx-components.tsx
├── middleware.ts
├── next.config.ts
├── package.json
├── postcss.config.mjs
├── tailwind.config.ts
├── tsconfig.json
└── README.md