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.

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.