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 React 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 React.

1. Velzon React 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.tsx

resources/js/ Firebase Authentication related Code. if you don't have knowledge about this then don't modify it.

i18n.ts

resources/js/ Localization related Code. if you don't have knowledge about this then don't modify it.

bootstrap.tsx

resources/js/ Bootsrap imported here.
2. Velzon React Layout Files
Folder Path Uses

HorizontalLayout

resources/js/Layouts/HorizontalLayout/index Horizontal Layout related code.

TwocloumnLayout

resources/js/Layouts/TwocloumnLayout/index Twocolumn Layout related code.

VerticalLayouts

resources/js/Layouts/VerticalLayouts/index Vertical Layout related code.

index

resources/js/Layouts Main Layout related code.
3. Velzon React Auth Files
File Path Uses

ConfirmPassword.tsx

resources/js/Pages/Auth Confirm password view page code, if you need to customize that you can do from this.

ForgotPassword.tsx

resources/js/Pages/Auth Forget Password view page code, if you need to customize that you can do from this.

Login.tsx

resources/js/Pages/Auth Login view page code, if you need to customize login you can do from this.

Register.tsx

resources/js/Pages/Auth Registration page view code.

ResetPassword.tsx

resources/js/Pages/Auth Reset password page view code.

VerifyEmail.tsx

resources/js/Pages/Auth Email Verification page view code.