Laravel Project Template with Jetstream, Inertia.js, and Vue.js

This repository serves as a starter template for building web applications using Laravel, Jetstream, Inertia.js, and Vue.js. With this setup, developers can quickly scaffold a modern full-stack application that combines the power of Laravel for backend development with the flexibility of Vue.js for the frontend.

Features

Laravel Framework

• Built on Laravel, a robust and scalable PHP framework that provides a seamless developer experience.
• Includes powerful features such as routing, Eloquent ORM, Blade templating (optional), and middleware.

Jetstream

• Pre-integrated with Laravel Jetstream for authentication scaffolding, including user registration, login, email verification, and password reset functionality.
• Supports Teams and Profile Management (optional).

Inertia.js

• Uses Inertia.js to create a "single-page application" feel without the complexity of a fully client-side app.
• Bridges the gap between Laravel backend and Vue.js frontend, allowing you to write full-stack apps effortlessly.

Vue.js

• Leverages Vue.js, a progressive JavaScript framework, for building dynamic, reactive user interfaces.
• Preconfigured with Vue Router and state management tools like Pinia or Vuex (can be added).

Quick Start

Prerequisites

Before you get started, ensure you have the following installed:

• PHP 8.1 or higher
• Composer
• Node.js & npm
• MySQL or any compatible database

Installation

1. Clone the repository:

   git clone https://github.com/your-username/laravel-jetstream-inertia-vue-template.git  
   cd laravel-jetstream-inertia-vue-template  

2. Install PHP dependencies:

   composer install  

3. Install JavaScript dependencies:

   npm install  

4. Set up the .env file:

   cp .env.example .env  

   Update the .env file with your database credentials and other configurations.

5. Generate the application key:

   php artisan key:generate  

6. Run database migrations:

   php artisan migrate  

7. Start the development server:

   php artisan serve  
   npm run dev  

You can now access your application at http://localhost:8000.

Folder Structure

The project follows a standard Laravel folder structure with the following additions:

• Resources/js: Contains Vue.js components and pages.
• Resources/views: Handles server-side rendered pages (if any).
• Routes/web.php: Defines the web routes for your application.

Customization

This template is fully customizable to suit your project needs. You can:

• Add new Vue.js components or pages.
• Extend Jetstream with additional features like API tokens.
• Customize the default Inertia layout.

Contributing

Feel free to fork this repository and contribute your improvements by submitting pull requests.

License

This project is licensed under the MIT License. See the LICENSE file for details.