bakerydemo VS shepherd

If I go to this wagtail-based site's repository and click the "Open in Gitpod" button in the readme, it opens a version I can edit and test on my local system in PyCharm, backed by Gitpod VMs. I haven't figured out (though I haven't tried too hard) how to integrate Gitpod with emacs. PyCharm just worked.

I've been looking for the same thing, the better resource I found so far in this sense is Wagtail Bakery

Yes, it does help with `select_related`. For example, here is an example of what the `Related` tab shows for the `breads` path (using the [`bakerydemo` project](https://github.com/wagtail/bakerydemo)):

It is more special-purpose than you're looking for, I expect, but I really like the wagtail demo app.

You have a working Wagtail project running locally, either your own project or something like the bakerydemo project.

You can refer this sample to implement author feature as well as other aspects of your blog https://github.com/wagtail/bakerydemo

It is assumed that you will have a Wagtail application running, if not you can use the Wagtail Bakery Demo as your starting point.

In this tutorial, I will show you how to use React Shepherd to easily implement a site tour on your website. React Shepherd is a lightweight wrapper library for Shepherd.js that allows us to create a walkthrough of a website — either parts of the site or the whole application — by using dialogs that represent steps that you create. At the end of this article, we will have a functioning site tour as shown in this video.

Shepherd is a powerful and customizable open source JavaScript library for creating interactive tours and onboarding experiences in web applications. It uses another open source library Floating UI to render the dialog tours. It offers a simple setup process, dynamic content support, the ability to create custom actions and events, and theming and styling too. More importantly, it is responsive too and never goes offscreen on smaller devices. Shepherd also provides excellent documentation and support, making it a popular choice among developers.

This looks great. What does it do differently to Shepherd[0]?

[0]: https://github.com/shipshapecode/shepherd

Yup you’re right (see usage docs here) - now just need to figure out how to make shepherd look better haha

Using/building something like this would go a long way (https://shepherdjs.dev/) and could also have the benefit of keeping the tours in parity with the current L2 UI

we’ve called them Product Tours https://shepherdjs.dev is good

Looks pretty similar to what shepherd does (looks like some of their codebase even uses Svelte too!).