Skip to Content
StatixFlow Next Docs
Introduction

Introduction

StatixFlow Next

Thank you for choosing our template. We truly appreciate it and hope you’ll enjoy using it.

StatixFlow Next is a premium, ultra-modern Next.js App Router template engineered with Tailwind CSS v4. Crafted specifically for corporate startups and forward-thinking agencies, it offers a robust toolkit of pre-built UI components. This comprehensive foundation empowers you to launch sleek, scalable web applications with maximum speed and efficiency.

Preview Demos

StatixFlow Next Landing PageLandingStatixFlow Next HomepageHomeStatixFlow Next About PageAboutStatixFlow Next Pricing PagePricingStatixFlow Next Case Studies PageCase StudiesStatixFlow Next Blog PageBlogStatixFlow Next Contact PageContactStatixFlow Next Privacy Policy PagePrivacy PolicyStatixFlow Next 404 Page404

The core mental model

Content and presentation are deliberately separated:

  • content/*.tsx files hold typed copy — one file per route (home.tsx, pricing.tsx, contact.tsx, etc.), exporting a single typed content object. Shared shapes live in content/types.tsx.
  • page.tsx files are thin. They import a content object and spread its fields into section components rendered inside SiteShell.

To change on-page copy, edit the content file — not the component. That single rule covers the majority of day-to-day customization for a template buyer.

Beyond that, the codebase follows a few other deliberate patterns worth knowing before you start editing:

  • Blog posts and case studies are .mdx files with YAML frontmatter, compiled on demand rather than imported as bundler modules — see Writing Articles.
  • Components are layered atomic-design style (ui → molecules → organisms → templates) — see Component Architecture.
  • Scroll animation is driven by declarative data-* attributes rather than bespoke GSAP code per section — see Animation System.
  • Design tokens are CSS custom properties, not a tailwind.config.* file — see Styling & Theming.

Where to go next

  • New to the project? Start with Quickstart.
  • Just need to change copy or add a page? Go to Content Editing.
  • Publishing a blog post or case study? Go to Writing Articles.
  • Something not behaving as expected? Check the FAQ.
Last updated on
Quickstart