Folder Structure

Folder Structure

Let's talk about what's inside the downloaded package.

Once you purchased our theme you've to download The All Files & Documentation zip file. The following folder structure is based on that zip file, in that zip file only you'll get all of our theme files including demo content & offline documentation folder.

chisfisNextjs
 
 ├── documentation

 ├── chisfis

    ├── package.json
    ├── tsconfig.json
    ├── next.config.js
    ├── manifest.json
    ├── tailwind.config.js

    ├── public
    │   │
    │   ├── favicon.ico
    │   ├── index.html
    │   ├── manifest.json
    │   └── robots.txt


    └── src

        ├── components 
        ├── constants
        ├── data
        ├── fonts
        ├── images
        ├── routers
        ├── styles
        ├── hooks
        ├── utils
        ├── shared
        ├── pages
        ├── app
        ├── type.d.ts

The src folder also includes these subfolders:

  • /components - React components

  • /app - files for every page, and component container

  • /contains - files js colors for the first letter of avatars have no image.

  • /data - JSON data sample files for pages and components

  • /images - logo default and some placeholder images.

  • /fonts - the folders fonts of the template

  • /styles - where you can find all SCSS files (you can change colors, ... on SCSS files in this folder)

  • /utils - Some common js files.

  • /shared - React components

  • /hooks - React hooks file (e.g useWindowsizes ...)

Last updated