Product tour using Intro.js for a Laravel & InertiaJs application

We'll setup tour steps, see what problems can arise when doing so, save the tour completion status in the browser and on the server when dealing with authenticated users, see how we can customize the tour to fit our design and style, and then finally, extract the whole thing into a vue composable to reuse it anytime we want to create a new tour.

▬ Chapters ▬▬▬▬▬▬▬▬▬▬

00:00 - Introduction
05:57 - Skipping steps
11:45 - Save tour completion status in the browser
13:47 - Save tour completion status on the server
19:50 - Options and customizations
29:22 - Extracting a useTour composable

[pascalraymond]

Very exhaustive and very interesting!
Congratulations!

[neilpalmer]

Nice tutorial; BTW, what editor is that?

[unapologetic]

Hi Druc!
Would you please make a tutorial?
How do we use a Rich Text Editor with Laravel & Inertia where all functionality is included with file uploads, such as Summernote or Ckeditor 5?

[RobertoSilva-chpc]

Any tutorial how work with inertia's modal component?.

[dailydose]

Hi, can you make one small example in introJS with menu & submenu and highlight on submenu element on click of "previous/next" button.
Thanks in advance

[dgenerationx]

Recomendation rich editor for inertia js?

[Axelblaze]

I am using TailwindCSS as well but i am mostly having problems with the width, the width of the intro JS is super small, do you know how can i fix that?