Project Structure

Inertia Start follows the standard Laravel application structure, with a few additions for the frontend. For a detailed explanation of the standard structure, refer to the Laravel Directory Structure documentation.

Root Directory

• app/: Contains the core code of your application (Models, Controllers, etc.).
• bootstrap/: Bootstrapping scripts for the application.
• config/: Configuration files.
• database/: Migrations, factories, and seeders.
• public/: The entry point for the web server and compiled assets.
• resources/: Views, raw assets (less/sass), and non-compiled language files like the Vue.js components.
• routes/: Route definitions (web, api, console).
• storage/: Logs, compiled templates, file caches, locally stored files.
• tests/: Automated tests.
• vendor/: Composer dependencies.

Key Frontend Directories (resources/js)

• components/: Reusable Vue components.
  • ui/: Shadcn UI components.
• layouts/: Page layouts (AppLayout, GuestLayout, etc.). AppLayout.vue is the authenticated app wrapper and resolves layouts/app/AppSidebarLayout.vue or layouts/app/AppHeaderLayout.vue from the configured app_layout value.
• pages/: Application pages (Inertia components).
• types/: TypeScript type definitions.
• app.ts: The main entry point for the Vue application.