[{"_1":2,"_68":-5,"_69":-5},"loaderData",{"_3":4,"_38":39,"_66":-5,"_67":-5},"root",{"_5":-5,"_6":-5,"_7":8,"_22":23,"_24":25,"_26":27,"_30":31,"_36":37},"user","shoppingCartId","shoppingCart",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":14},"id","no-cart","count",0,"free",true,"updatedAt","","paymentGateway","STRIPE","cartItems",[],"loading","locale","en","readerTheme","light","constants",{"_28":29},"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","publishers",{"_32":33,"_34":35},"companies",[],"universities",[],"needsLocaleCookieSync",false,"routes/_store+/_readers+/email_author.$slug/route",{"_40":41,"_65":-5},"book",{"_9":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNTE3OTk","title","Full-Stack Laravel 13 and Inertia 3: Build real applications from scratch with Vue 3","state","published","contactAuthorMethod","email","aboutText","

This guide aims to provide a first step with Laravel 13 Inertia 3. We will cover two key points:

1. While Inertia allows you to work with Svelte or React, this course will focus entirely on the Vue ecosystem, the leading technology for this implementation.

2. We will begin by exploring the Inertia ecosystem to understand its foundations, advantages, and differences compared to a traditional REST API or standard Blade applications.

First Steps: Backend and Frontend Installation and Configuration

Environment: We will understand why using Vue components within Laravel makes so much sense.

Tools: Using modern tools to accelerate development.

2. Introduction to Components and Modern CRUD

We will move directly to hands-on experience with real-world projects. We won't just stay in the realm of theory; we will implement:

* Full CRUD: Creating, reading, updating, and deleting records.

* Advanced Routing: We'll use WhiteFinder's modern routing scheme in the workflow to manage routes efficiently.

* Pagination and Flash Messages: We'll implement pagination components from scratch (since Inertia doesn't include them by default) and manage the persistence of success/error messages in a way that's adapted to Vue.

This book is perfect for those who want to learn something new, for those who want to improve a web development skill, who want to grow as a developer.

* If you identify with at least one of the points mentioned above, this book is for you.

Map

This book has a total of 7 chapters. It is recommended that you read them in the order in which they are presented, and as we explain the framework components, go directly to the practical application, replicating, testing, and modifying the code shown in this book.

Chapter 1 - About Laravel Inertia: In this chapter we will learn about the Laravel Inertia tool and what it offers us when developing web applications.

Chapter 2 - Introduction to the components of Vue and Inertia: In this chapter we are going to create the typical CRUD to learn the basics of Laravel Inertia and its communication with components in Vue.

Chapter 3 - Extend Inertia using Vue Plugins: In this chapter we will install third-party plugins using Vue, specifically the CKEditor and Oruga UI plugins, as local component or global installations.

Chapter 4 - File Upload: In this chapter we will learn about the upload process in Laravel Inertia and also using third-party plugins.

Chapter 5 - Creating a DataTable: Filters, search fields, and sorting: In this chapter, we will create filters and search fields for a list taking advantage of the benefits of Inertia, and we will also create sorting fields for the list by columns.

Chapter 6 - Proyects: In this chapter we are going to create the CRUD process for the posts, taking all the topics covered in the previous chapters.

Chapter 7 - Testing: We will learn how to create unit and integration tests in the application we created previously using PHPUnit.

Chapter 8 - Legacy: Characteristics of an Inertia project with Jetstream: In this chapter we are going to know the characteristics of a project in Laravel Inertia, both the structure that a project brings by default, and its basic operation.

","authors",[53],{"_9":54,"_55":56,"_5":57},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81NDcyOQ","name","Andrés Cruz Yoris",{"_58":59},"avatar",{"_60":61,"_62":63,"_64":14},"url","https://d39qdlcrvnra4b.cloudfront.net/avatars/2508444/medium/vn2LgXaB_400x400.jpg?1646511308","styleName","medium","exists","currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the Author