Skip to main content
Version: 1.0.0

Build a SaaS

With SaaS Developer Templates, you get a solid starting point to build your own SaaS (Software as a Service) application.

SaaS Developer Templates come with subscription plan support and subscription lifecycle management using built-in integrations.

To create a SaaS landing page, open src/app/page.tsx and paste this:

import DUMMY_FAQS from '@/data/faqs';

import { ClickToActionBox } from '@/components/click-to-action-box/ClickToActionBox';
import { ExplainerVideo } from '@/components/explainer-video/ExplainerVideo';
import { FAQ } from '@/components/faq/FAQ';
import { Features } from '@/components/features/Features';
import { Hero } from '@/components/hero/Hero';
import PageWithHeaderFooter from '@/components/page-with-header-footer';
import { Pricing } from '@/components/pricing/Pricing';
import { SalesNotifications } from '@/components/sales-notifications/SalesNotifications';
import Testimonials from '@/components/testimonial/Testimonials';

export default function Home() {
return (
<PageWithHeaderFooter>
<Hero />
<ExplainerVideo />
<Features />
<Testimonials />
<Pricing />
<FAQ faqs={DUMMY_FAQS} />
<ClickToActionBox />
<SalesNotifications />
</PageWithHeaderFooter>
);
}

You'll get a strong foundational landing page with all the sections you need to convince users to sign up and purchase your product:

  • Hero Section: Catch attention with a strong value proposition.
  • Explainer Video: Demonstrate your product in action (use ScreenStudio for professional screen recording).
  • Features: Highlight what makes your SaaS unique.
  • Testimonials: Build trust with customer reviews.
  • Pricing: Show transparent pricing plans.
  • FAQs: Answer common questions to reduce friction.
  • Call To Action (CTA): Encourage users to take the next step.

Now you're ready to launch a professional SaaS landing page! 🚀