Fuso documentation

Next Folder Structure

To make the code more re-usable we have created multiple components that can be reused. This makes refactoring the code efficient and saves a lot of time for the developers.

We have used the best folder structure to keep all the common types of code separate from each other.

    • Fuso
      • public
        • assets
          • fonts
          • gif
          • images
          • scss
          • svg
          • video
      • src
        • app
          • (mainBody)
            • car
              • detail
                • car-classic
                  • page.tsx
          • (other)
            • pages
              • login-2
                • page.tsx
            • layout.tsx
          • layout.tsx
          • loading.tsx
          • MainProvide.tsx
          • page.tsx
        • components
          • car
            • details
              • carClassic
                • index.tsx
          • commonComponents
            • CommonFileUpload.tsx
            • CommonInput.tsx
            • TopFilter.tsx
          • themes
          • job
          • pages
          • property
        • data
          • car
            • index.tsx
          • demo
            • carDemo2
              • index.tsx
        • layout
          • footer
            • FooterContactList.tsx
            • FooterDemo2.tsx
            • index.tsx
          • header
            • mainMenu
              • PagesMegaMenu.tsx
              • index.tsx
            • index.tsx
        • redux
          • reducers
            • FilterSlice.ts
            • LayoutSlice.ts
            • ProductSlice.ts
          • hooks.ts
          • store.ts
        • types
          • Portfolio.ts
          • Layout.ts
        • index.scss
    • package.json
    • tsconfig.json
    • next.config.ts

public

Assets Folder

As the name suggest, this folder contains all the assets that are used in the template. All the scss data, images, fonts and all the other static files can be found in this folder.

src

This Folder contains all the important files like all the page components.

App Folder

The app/ directory is the new way to structure your pages and layouts in Next.js . It's part of the App Router, which offers better routing, layouts, and server components out of the box.

Components Folder

This folder is inside the source folder and contains all the pages that are to be rendered. All the components are created according to the sequence of pages in the menu, so that it would be easier to find a particular page.