Folder Structure
Root Folder (/src/*)
Folder | Description |
|---|---|
/actions | Contains a server functions, which is called via client |
/app | This folder contains a list of all web pages included in this website |
/assets | It's contains css, images or other assets needed for the app |
/components | Containing all the common components, which use across entire app |
/contexts | It's contains major context provider, which use across entire app |
/database | To establish a database connection on the server, you may place your database connection (ORM) accordingly |
/helpers | Some utility functions, which are used by the entire app |
/hooks | This folder contains all the essential hooks |
/lib | It's contains cookies, routing, theme services (lib) |
/types | Included all the types is used in app |
App Directory (/src/app/*)
Folder | Description |
|---|---|
/(admin) | Admin pages are located here |
/auth | Auth pages directory |
/landing | Landing Page |
/layout.{tsx/jsx} | Entry point of Next.JS |
Admin - App Directory (/src/app/(admin)/*)
Folder | Description |
|---|---|
/(layout) | Containing layout components and helpers |
/apps | It's route for apps route |
/dashboards | It's route for dashboards route |
/pages | It's route for pages. it contains starter page for creating new page |
/ui | It's route for ui pages |
/layout.{tsx/jsx} | Layout for entire (admin)/* folder |
Root Folder (/src/*)
Folder | Description |
|---|---|
/api | Contains a functions, which is called for api requests |
/assets | It's contains css, images or other assets needed for the app |
/components | Containing all the common components, which use across entire app |
/contexts | It's contains major context provider, which use across entire app |
/database | To establish a database connection on the server, you may place your database connection (ORM) accordingly |
/helpers | Some utility functions, which are used by the entire app |
/hooks | This folder contains all the essential hooks |
/lib | It's contains routing, theme services (lib) |
/pages | This folder contains a list of all web pages included in this website |
/types | Included all the types is used in app |
Pages Folder (/src/pages/*)
Folder | Description |
|---|---|
/admin | Admin pages are located here |
/auth | Auth pages directory |
/landing | Landing Page |
Admin - Pages Folder (/src/pages/admin/*)
Folder | Description |
|---|---|
/(layout) | Containing layout components and helpers |
/apps | It's route for apps route |
/dashboards | It's route for dashboards route |
/pages | It's route for pages. it contains starter page for creating new page |
/ui | It's route for ui pages |
/layout.{tsx/jsx} | Layout for entire (admin)/* folder |
Root Folder (/*)
Folder | Description |
|---|---|
/html | It's a production ready html, you can use it directly |
/src | Containing all the source files |
Source - Folder (/src/*)
Folder | Description |
|---|---|
/assets | It's contains css, which need to compile at development time |
/public | It's contains images, js & other assets needed for the app |
/partials | Containing all the common parts of html, which use across entire app. Like topbar, sidebar etc |
/**.html | All the html pages |
Partial Folder (/src/partials/*)
Folder | Description |
|---|---|
/leftbar | It is contains simple left-bar and with drawer |
/head | It is for meta data (SEO) & also contains some css & js, which is commonly use in entire app |
/topbar | It is topbar |
/footer | Contains some css & js, which is commonly use in entire app, which is need to fetch after body |