Let’s learn Laravel 11 with Inertia Js and Vue Js in 2024 | #1 Project Setup

Laravel is a popular PHP framework that is widely used by developers to build web applications. Inertia Js is a library that allows you to build server-driven single-page apps with Laravel and Vue Js. Vue Js is a progressive JavaScript framework for building interactive web interfaces.

In this tutorial, we will learn how to set up a project using Laravel 11, Inertia Js, and Vue Js without using a starter kit. By following these steps, you will have a solid foundation for building modern web applications in 2024.

Step 1: Install Laravel 11

First, you need to install Laravel 11 on your local machine. You can do this by running the following command:

        composer create-project --prefer-dist laravel/laravel:^11 project-name
    

Step 2: Install Inertia Js

Next, you need to install Inertia Js in your Laravel project. Run the following command:

        composer require inertiajs/inertia-laravel
    

Step 3: Install Vue Js

After installing Inertia Js, you need to install Vue Js in your project. Run the following command:

        npm install vue@next
    

Step 4: Configure Inertia Js and Vue Js

Now, you need to configure Inertia Js and Vue Js in your Laravel project. Follow the instructions in the official documentation of both libraries to set them up properly.

Step 5: Build your project

Once you have set up Laravel 11, Inertia Js, and Vue Js, you can start building your project. Use the power of these libraries to create dynamic and interactive web applications in 2024.

By following these steps, you will have a solid foundation for learning Laravel 11 with Inertia Js and Vue Js without using a starter kit. Stay tuned for more tutorials on how to build amazing web applications using these technologies!