Skip to main content

Codebase Structure

/src
  /animations // Animation related files e.g. framer motion variants
  /assets
    /fonts // All font files
    /images // Local image files e.g. logos, images for background variants on components
    /styles // All .scss 
  /components
    /elements // Element components related to default components in the base template e.g. buttons, links, forms, text, asset
    /flexible // ACF flexible components
    /global // Global elements e.g. Header, MobileMenu, Footer, FooterCTA, Scripts, Seo
    /landing // Landing pages e.g. Customers, Legal, SignUp 
    /layouts // Components related to layouts e.g. ComponentRenderer, LayoutRenderer, LandingPage, Section
    /templates // Components related to rendering of pages e.g. Category, Customer, Layout, Page, Post
  /hooks // All custom hooks
  /pages // All pages e.g. index, [...slug], 404, robots, sitemap, _app, _document
  /types // Global CMS types
  /utils // Utility functions e.g. cacheBustingArray, getBackgroundColor, getFontColor, kebabToCamelCase

MAY UPDATE AFTER DEFAULT FLEXIBLE CONTENT RENDERERS ARE SETUP IN TEMPLATE