# Folder Structure

Learn about the folder structure of the template and its contents.

```
|
├─ app
│  ├─ (dashboard)
│  │  ├─ (apps)
│  │  ├─ (chart)
│  │  ├─ (components)
│  │  ├─ (diagrams)
│  │  ├─ (forms)
|  |  ├─ (home)
│  │  ├─ (icons)
│  │  ├─ (invoice)
|  |  ├─ (map)
│  │  ├─ (tables)
│  │  ├─ blank
|  |  ├─ diagram
│  │  |-layout.jsx
│  │  |-main-layout.jsx
│  │  
│  ├─ api
│  ├─ assets
│  ├─ auth
│  ├─ error-page
│  ├─ utility
│  |- favicon.ico
│  |- layout.jsx
│  |- not-found.js
│  |- page.jsx
│  
├─ components
│  ├─ auth
│  ├─ landing-page
│  ├─ partials
│  ├─ svg
│  ├─ task-board
│  ├─ ui
|  |-blank.jsx
│  |-dashboard-select.jsx
│  |-dashboard-dropdown.jsx
│  |-date-picker-with-range.jsx
│  |-delete-confirmation-dialog.jsx
│  |-error-block.jsx
│  |-header-search.jsx
│  |-layout-order.jsx
│  |-ripple.jsx
|
├─ config
├─ hooks
├─ lib
│  ├─ docs
│  |-appex-chat-options.jsx
│  |-auth.js
│  |-utils.js
│  
├─ pages
│  ├─ docs
│  |-_app.jsx
│  |-_meta.json
│  
├─ provider
├─ public
├─ store
|- .env.local
|- .gitignore
|- jsconfig.json
|- middleware.js
|- next.env.d.ts
|- next.config.js
|- package-lock.json
|- package.json
|- README.md
|- postcss.config.js
|- tailwind.config.js
|- theme.config.js
|- yarn.lock
```