SaasLyn – SaaS, AI & Tech Startup NextJS Template

SaasLyn – SaaS, AI & Tech Startup NextJS Template

SaasLyn is a premium, multi-demo Next.js template built for SaaS products, AI startups, and tech companies. It ships with Next.js 16 (App Router), React 19, and TypeScript — so you can launch a polished marketing site without starting from a blank layout.

Four ready homepage concepts are included: CRM Software, Finance Apps, AI Chatbot, and AI Website Builder. Around them sit 19 inner pages — about, features, services, team, careers, pricing, FAQ, blog, auth, legal, and contact — plus dynamic [slug] routes for blog, service, team, and career details.

The codebase is content-driven: copy, links, and images live in src/content/, types in src/types/, and UI in src/components/. Styles use modular SCSS and Bootstrap 5. Motion comes from GSAP (ScrollSmoother, SplitText, ScrollTrigger) and Lenis on the AI Website Builder demo. SEO basics are already wired: metadata, sitemap.xml, and robots.txt.

Requirements

• Node.js 18.18+ (Node 20+ recommended)
• npm, yarn, or pnpm — run npm install then npm run dev / npm run build
• Basic Next.js / React knowledge is helpful for customization

4 Unique Demo Homepages

• Demo 1 – CRM Software (default): Dark SaaS landing with sales charts, feature cards, reports, testimonials, FAQ, pricing, and blog. Live at /crm-software
• Demo 2 – Finance Apps: Finance-product homepage with workflow, integrations, benefits, and a light header. Live at /finance-apps
• Demo 3 – AI Chatbot: AI assistant landing with process steps, brand slider, pricing, and blog. Live at /ai-chatbot
• Demo 4 – AI Website Builder: Isolated dark demo with Poppins, Lenis smooth scroll, and its own SCSS. Live at /ai-website-builder

The root URL / redirects to /crm-software. Change this in next.config.ts if you want another homepage.

Key Features

Scale & Content

• 4 Unique Homepage Designs – CRM, Finance, AI Chatbot, and AI Website Builder
• 19 Inner Pages – About, features, services, team, careers, pricing, FAQ, blog layouts, auth, legal, contact, and 404
• Dynamic Detail Routes – Blog, service, team, and career details generated from typed slug maps
• Content-Driven Architecture – Edit text, links, and images in src/content/ without rewriting JSX
• Reusable Section Components – Banner, features, pricing, FAQ, testimonials, CTA, and more