Folder Structure
Use below velzon structure for modify and better understand the Velzon Laravel.
1. Velzon Laravel Folders
Folder | Path | Uses |
---|---|---|
controller |
app/Http/ |
All controller files here. |
middleware |
app/ |
All Laravel Middlewares. you can add your custom also |
models |
app/ |
All Laravel models. you can add your custom also |
migration |
database/ |
All Database related migrations. |
seeders |
database/ |
All Database related seeders. you can make dummy data from seeders. |
routes |
routes/ |
You can add new route in routes/web.php or create api
in routes/api.php . |
resources |
resources/ |
All assets or Vue related code. |
vite.config.js |
/ |
Vite or build related code. if you don't have knowledge about this then don't modify it. |
Use below velzon structure for modify and better understand the Velzon Vue.
1. Velzon Vue Folders
Folder | Path | Uses |
---|---|---|
common |
resources/js/ |
All Application Data here. you can add your custom data also |
Components |
resources/js/ |
All Components here. you can add your custom components also |
helpers |
resources/js/ |
All Helper files. you can add your custom helper also |
lang |
resources/js/ |
All Language related files. you can add your required language also |
Layouts |
resources/js/ |
All Layouts files here. |
state |
resources/js/ |
All Application state here. you can added other state also. |
Pages |
resources/js/ |
All View components here. you can added your components also. |
app.js |
resources/js/ |
Firebase Authentication related Code. if you don't have knowledge about this then don't modify it. |
i18n.js |
resources/js/ |
Localization related Code. if you don't have knowledge about this then don't modify it. |
bootstrap.js |
resources/js/ |
Bootsrap imported here. |
2. Velzon Vue Layout Files
File | Path | Uses |
---|---|---|
horizontal.vue |
resources/js/Layouts |
Horizontal Layout related code. |
main.vue |
resources/js/Layouts |
Main Layout related code. |
twocolumn.vue |
resources/js/Layouts |
Twocolumn Layout related code. |
vertical.vue |
resources/js/Layouts |
Vertical Layout related code. |
3. Velzon Vue Component Files
File | Path | Uses |
---|---|---|
page-header.vue |
resources/js/Components |
Page title component, you can easily customize it. |
footer.vue |
resources/js/Components |
Footer component, you can easily customize it. |
menu.vue |
resources/js/Components |
Menu component, you can easily customize it. |
nav-bar.vue |
resources/js/Components |
Navbar component, you can easily customize it. |
right-bar.vue |
resources/js/Components |
Right Sidebar component, you can easily customize it. |
4. Velzon Vue Auth Files
File | Path | Uses |
---|---|---|
ConfirmPassword.vue |
resources/js/Pages/Auth |
Confirm password view page code, if you need to customize that you can do from this. |
ForgotPassword.vue |
resources/js/Pages/Auth |
Forget Password view page code, if you need to customize that you can do from this. |
Login.vue |
resources/js/Pages/Auth |
Login view page code, if you need to customize login you can do from this. |
Register.vue |
resources/js/Pages/Auth |
Registration page view code. |
ResetPassword.vue |
resources/js/Pages/Auth |
Reset password page view code. |
TwoFactorChallenge.vue |
resources/js/Pages/Auth |
Two Factor Authentication page view code. |
VerifyEmail.vue |
resources/js/Pages/Auth |
Email Verification page view code. |