[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_28":-5,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"routes/_store+/_readers+/email_author.$slug/route",{"_9":10,"_11":-5},"book",{"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":23},"currentUser","id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNjU3MzY","title","Laravel 13 Livewire 4: Create your Online Store Step by Step","state","published","contactAuthorMethod","email","aboutText","

In this book, you'll learn to build a modern online store with Laravel Livewire, following a modular, scalable structure designed for real-world projects. Throughout the chapters, we'll progress from the initial project creation to the implementation of complete modules such as the blog, the online store, filters, pagination, and integration with payment gateways like PayPal and Stripe.

The goal is for you to not only see code, but also understand how a professional Livewire application is organized and how you can reuse each part to create more robust solutions. I recommend following the steps in order, testing each example, and adapting the code to your own needs to reinforce your learning.

Chapter 1 - First steps: We will create the project that we will carry out in the course.

Chapter 2 - Migrations and Models: We will create the main migrations and models that we will use in the application.

Chapter 3 - CRUD for the blog: In this chapter, we're going to create the CRUD for the blog, that is, the posts, categories, tags, among others.

Chapter 4 - Web Blog: We will create the blog for the end user, paginated listing with filters and details.

Chapter 5 - Online Store: Books: We will create the Store with payment gateways for PayPal and Stripe for the end user, with paginated listings with filters and details.

Chapter 6 - Online Store: Products: We'll create an online store for products instead of a book store to make it more generic.

Chapter 7 - Various changes: In this section, we'll implement several changes to the online store app, such as setting the language, dark mode, improving the design, and adding a payment viewer.

","authors",[24],{"_12":25,"_26":27,"_28":29},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci82OTY4Nw","name","Andrés Cruz Yoris","user",{"_30":31},"avatar",{"_32":33,"_34":35,"_36":37},"url","https://d39qdlcrvnra4b.cloudfront.net/avatars/2508444/medium/vn2LgXaB_400x400.jpg?1646511308","styleName","medium","exists",true,"shoppingCartId","shoppingCart",{"_12":71,"_72":73,"_74":37,"_75":76,"_77":78,"_79":80,"_81":37},"locale","en","readerTheme","light","constants",{"_69":70},"publishers",{"_65":66,"_67":68},"learnerOrganizations",[],"needsLocaleCookieSync",false,"announcements",{"_59":60,"_61":-5},"sentryEnvironment","production","sentryRelease","d52f98da6ef5bbaeda6aecdb4a73413f4c85e82f","announcement_store",{"_62":52,"_63":64},"announcement_authors","flag","text","

Kick off your book project, get started with GhostAI, get better at marketing, or spend the day doing all three! Free live workshops on Zoom. Saturday, June 27, 2026.

\n","companies",[],"universities",[],"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","no-cart","count",0,"free","updatedAt","","paymentGateway","STRIPE","cartItems",[],"loading"]

Email the Author