πŸ“‚Folder Structure

React & Laravel Light Able folder structure is meticulously organised to enhance project scalability and maintainability. With directories for routes, controllers, assets, views, and configuration settings

β”œβ”€β”€ πŸ“app
|     β”œβ”€β”€ πŸ“http
|     β”œβ”€β”€ πŸ“Models
|     └── πŸ“Providers
β”œβ”€β”€ πŸ“bootstrap
β”œβ”€β”€ πŸ“config
β”œβ”€β”€ πŸ“database
β”œβ”€β”€ πŸ“public
|      └── πŸ“build
|           └── πŸ“assets
β”œβ”€β”€ πŸ“ resources
|      β”œβ”€β”€ πŸ“css
|      β”œβ”€β”€ πŸ“fonts
|      β”œβ”€β”€ πŸ“images
|      β”œβ”€β”€ πŸ“js
|      |    β”œβ”€β”€ πŸ“Common
|      |    β”œβ”€β”€ πŸ“Components
|      |    β”œβ”€β”€ πŸ“layouts
|      |    β”œβ”€β”€ πŸ“pages
|      |    β”œβ”€β”€ πŸ“slices
|      |    β”œβ”€β”€ πŸ“toolkit
|      |    β”œβ”€β”€ πŸ“types
|      |    └── πŸ“„app.tsx
|      β”œβ”€β”€ πŸ“sass
|      └── πŸ“views
β”œβ”€β”€ πŸ“ routes
|      β”œβ”€β”€ πŸ“„auth.php
|      β”œβ”€β”€ πŸ“„console.php
|      └── πŸ“„web.php
β”œβ”€β”€ πŸ“ storage
|      β”œβ”€β”€ πŸ“app
|      β”œβ”€β”€ πŸ“fremwork
|      └── πŸ“logs
β”œβ”€β”€ πŸ“ tests
|      β”œβ”€β”€ πŸ“Feature
|      └── πŸ“Unit
β”œβ”€β”€ πŸ“„.editorconfig
β”œβ”€β”€ πŸ“„.env
β”œβ”€β”€ πŸ“„.env.example
β”œβ”€β”€ πŸ“„.gitattributes
β”œβ”€β”€ πŸ“„.gitignore
β”œβ”€β”€ πŸ“„.composer.json
β”œβ”€β”€ πŸ“„package-lock.json
β”œβ”€β”€ πŸ“„.package.json
β”œβ”€β”€ πŸ“„.phpunit.xml
β”œβ”€β”€ πŸ“„postcss.config.js
└── πŸ“„vite.config.js

Light Able React & Laravel Folders Structure

File/FolderPathDescription

πŸ“‚Lightable-Laravel

root:

The main folder of our project.

πŸ“app

app/

A Directory for controllers.

πŸ“bootstrap

bootstrap/

A Directory for cache.

πŸ“ config

config/

A Directory for config.

πŸ“ database

database/

All database schema we can store here.

πŸ“public

public/

All assets including css and js are stored after gulp build.

πŸ“ resources

resources/

All the blade files are here.

πŸ“ routes

routes/

All the routing file are here.

πŸ“ storage

storage/

All cache and log files here.

πŸ“ tests

tests/

All tests files will be here.

Light Able React & Laravel Files

FilePathDescription

.env

/.env

Set all the credentials

artisan

/artisan

Artisan file

composer.json

/composer.json

All the Laravel packages will be in this file

package.json

/package.json

All the packages

vite.config.js

/vite.config.js

Configure all the Vite settings.

Last updated