📂Folder Structure

The Light Able folder structure is meticulously organized to enhance project scalability and maintainability. With directories for routes, controllers, assets, views, and configuration settings

└── 📁 public | ├── next.svg | └── vercel.html ├── 📁 src | └── 📁 app | | ├── favicon.ico | | ├── layout.tsx | | └── page.module.css | | | └── 📁 assets | | ├── 📁 font | | ├── 📁 images | | └── 📁 scss | | | └── 📁 Common | | ├── 📁 JsonData | | ├── BreadcrumbItem.tsx | | ├── DeleteModal.tsx | | ├── Filter.tsx | | ├── layoutConfig.ts | | └── TableContainer.tsx | | | └── 📁 Layouts | | ├── Footer.tsx | | ├── FooterBlock.tsx | | ├── Header.tsx | | ├── index.tsx | | ├── MenuData.tsx | | ├── NonLayout.tsx | | ├── RightCustomizer.tsx | | ├── Sidebar.tsx | | └── Topbar.tsx | | | └── 📁 pages | | ├── 📁 application | | ├── 📁 chart | | ├── 📁 elements | | ├── 📁 forms | | ├── 📁 other | | ├── 📁 pages | | ├── 📁 table | | ├── 📁 ui-kit | | ├── 📁 widget | | ├── _app.tsx | | ├── _document.tsx | | └── index.js | | | └── 📁 toolkit | | ├── 📁 Calendar | | ├── 📁 Chat | | ├── 📁 E-commerce | | ├── 📁 Email | | ├── 📁 themeLayouts | | ├── index.ts | | └── thunk.ts | | | └── 📁 views | | ├── 📁 Application | | ├── 📁 Chart | | ├── 📁 Dashboard | | ├── 📁 Forms | | ├── 📁 Landing | | ├── 📁 Maps | | ├── 📁 Table | | └── 📁 Widgets | ├── .eslintrc.json ├── .gitingore ├── global.d.ts ├── next-env.d.ts ├── next.config.js ├── package.json ├── README.md ├── tsconfig.json └── yarn.lock

Light Able Next.js Folders Structure

File/Folder	Path	Description
📂Light Able	root:	The main folder of our project.
📁public	public/	Contains static assets like next.svg and vercel.svg
📁 src	src/	Contains next.js components, routers, layouts etc.