Laravel + Vite Folder structure | Vuexy - Bootstrap 5 Admin Template

Laravel + Vite Folder Structure 📂

Understand folder structure of Vuexy Laravel and everything contains with description.

Tip: This is the folder structure of Laravel + Vite version. If you are looking for Laravel + Mix version, please refer to this page.

Package Folder Structure 📂

Once you unzip the package downloaded from marketplace/store, you will find folder which contains pre-compiled and source code flavors.

📦
├── 📂 demo-configs                                >  Contains demo configuration files
├── 📂 full-version                                >  Template with all our features, page, and apps.
├── 📂 starter-kit                                 >  Starter-kit is a minimal template from where you can start your project quickly
└── 📄 documentation                               >  Redirect you to our live documentation

demo-configs : We provide a demo-configs folder with demo files of the configurations we use in our demos. Refer to the detailed documentation.
full-version : This setup has all the things which you can see in the live demo. Except for that red Buy Now button 😅. Refer to the detailed documentation.
starter-kit : Starter-kit is a minimal template from where you can start your project quickly instead of removing stuff that isn't needed. Refer to the detailed documentation
documentation : This html file redirect you to our Live documentation.

Template Folder Structure 📂

Below folder structure is same for full-version and starter-kit.

scss/, libs/, fonts/ & js/ folders inside resources/assets/vendor folder are the source of this template.
public/assets/ folder contain static audio, json, images and media files.

📦
├── 📂 app                                          >  Contains Controllers and Models
├── 📂 bootstrap                                    >  Contains cache and app.php
├── 📂 config                                       >  Application's configuration files
├── 📂 database                                     >  Migrations, model factories, & seeds
├── 📂 docker                                       >  Dockerfile
├── 📂 lang                                         >  Include Language's json files
├── 📂 public                                       >  Compiled and statics files
│   ├──📂 assets                                      >  Contains template static & generated assets
│   │   ├── 📂 audio                                    >  template audio files
│   │   ├── 📂 img                                      >  Images (jpeg/png)
│   │   ├── 📂 json                                     >  Contains all JSON files like search, apps, tables, etc..
│   │   ├── 📂 svg                                      >  Contains svg images
│   ├── 📂 build                                   >  Vite Build files
│   │   ├── 📂 assets                                    >  build assets
│   │   ├── 📄 index.html                                >  build index.html
│   │   └── 📄 manifest.json                             >  build manifest path for assets
├── 📂 resources                                    >  Views, Layouts
│   ├── 📂 assets                                     >  Include styles file for user override
│   │   ├── 📂 css                                      >  Includes Demo & Example related styles only
│   │   ├── 📂 js                                           >  All JS files i.e config, main, pages & apps
│   │   │   ├── 📄 main.js                                  >  Template Main JS file (Init)
│   │   │   ├── 📄 config.js                                >  Template Config JS file for easy customization
│   │   │   ├── 📄 front-main.js                            >  Front pages Main JS file (Init)
│   │   │   ├── 📄 front-config.js                          >  Front pages Config JS file for easy customization
│   │   │   └── 📄 ...
│   │   └── 📂 vendor                                 >  All core assets i.e css, js, fonts & libs
│   ├── 📂 css                                        >  Contains app.css
│   ├── 📂 js                                         >  Contains app js and user management app js
│   ├── 📂 menu                                       >  Include horizontalMenu and verticalMenu json files
│   ├── 📂 views                                      >  Contain Blade templates
│   │   ├── 📂 content                                  >  Includes all the blade templates content
│   │   ├── 📂 layouts                                  >  Contains basic & master layouts with include sections
│   │   │   ├── 📂 sections                               >  Contains all include files
│   │   │   │   ├── 📂 footer                               >  Contains footer structure files
│   │   │   │   ├── 📂 menu                                 >  Contains menu structure files
│   │   │   │   ├── 📂 navbar                               >  Contains navbar structure files
│   │   │   │   ├── 📄 scripts.blade.php                    >  Contains all the core & yield page related scripts
│   │   │   │   ├── 📄 scriptsFront.blade.php               >  Contains all the core & yield page related to Front scripts
│   │   │   │   ├── 📄 scriptsIncludes.blade.php            >  Contains all the scripts that we need to include immediate after including styles
│   │   │   │   ├── 📄 scriptsIncludesFront.blade.php       >  Contains all the scripts that we need to include immediate after including styles for front layout
│   │   │   │   └── 📄 styles.blade.php                     >  Contains all the core & yield page related styles
│   │   │   │   └── 📄 stylesFront.blade.php                >  Contains all the core & yield page related Front styles
│   │   │   ├── 📄 blankLayout.blade.php                  >  blank layout
│   │   │   ├── 📄 commonMaster.blade.php                 >  Common Master layout
│   │   │   ├── 📄 contentNavbarLayout.blade.php          >  Vertical Layout
│   │   │   ├── 📄 horizontalLayout.blade.php             >  Horizontal Layout
│   │   │   ├── 📄 layoutFront.blade.php                  >  Front Layout - need to include this to achieve front layout structure
│   │   └── └── 📄 layoutMaster.blade.php                 >  Master layout - need to include this layout to select vertical/horizontal layout
├── 📂 routes                                       >  Include Routes Web.php 📦
├── 📂 storage                                      >  Contains compile blade templates
├── 📂 tests                                        >  For testing
├── 📄 editorconfig                                 >  Related with your editor
├── 📄 .env.example                                 >  Include Database credentials
├── 📄 .gitattributes                               >  Give attributes to path names
├── 📄 .gitignore                                   >  Files and Directories to ignore
├── 📄 artisan                                      >  Include artisans commands
├── 📄 composer.json                                >  Dependencies used by composer
├── 📄 package.json                                 >  Dependencies used by node
├── 📄 docker-compose.yml                           >  Docker
├── 📄 phpunit.xml                                  >  Related With testing
└── 📄 vite.config.js                              >  Laravel's Vite Config file to build the template.