📂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
📂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.
Last updated