A bunch of random UX feedback

[martpie]

I have just ragequit on Decap CMS after flipping my desk trying to get auth working, and discovered that Sveltia was a thing.

First, THANK YOU for this effort, it is a big step-up from Decap, and I managed to make my Next.js website work in 15mn, thanks to the cloudflare auth integration (so simple I kind of facepalmed myself after trying to make Identity work with GitHub authentication and everything).

I have a bunch of really random feedback, ideally I would create a separate issue for each. but they're really little things.

• sveltia-cms-auth

  • it could be useful to explicitely mention which env variable should be a secret, and which one can be plaintext.
  • "click the Encrypt button to hide it" this does not seem to exist anymore, and now users can choose between TEXT/JSON/SECRET strings

• Collection Item Edition:

  • The context menu for each field is weirdly located when "show preview is false", in the middle of the row, and adds a lot of vertical space/noise

• ... edition
  • My website relies a lot on images within markdown (see img below), but the person editing the website is highly non-technical. The Image widget is quite noisy and confused her a lot, I wonder if there is something that could be improved here. Ideas:
    • Bigger source image in wysiwyg mode: 160px is really small
    • Alt/title/link in collapsible hidden by default? (maybe not for Alt because accessibility and everything)
    • Less borders, etc, in general, less visual nesting?

• Data loading
  • maybe I just missed it in the doc and it's not a Sveltia-specific issue, but coming from more traditional CMS, it is not straightforward to understand people need to fs.readdir and readfile across the various content folders, and gray-matter and everything in order to fetch and parse the content. I wonder if this is something that should be added to the docs?

---

I think that's it, but I will for sure have more feedback once the website admin will start playing with it :)

thank you again for the awesome work

[martpie]

Adding this while I'm here:

• Content Edition:
  • Personal feeling: the editor line-height is really big, and I could not say if there was an empty line or a big line-height without clicking and typing in the wysiswyg editor
  • It would be nice to be able to resize the editor and the preview panes to avoid crazy text wrapping:

[artemudovyk]

* Collection Item Edition:
  
  * The context menu for each field is weirdly located when "show preview is false", in the middle of the row, and adds a lot of vertical space/noise

FYI last version without this bug should be v0.70.6.

[kyoshino]

The section header layout issue is now fixed in v0.72.3 🙇🏼

[kyoshino]

Thanks for your feedback! I’ll go through and fix issues later.

[martpie]

I can help implement some of these in case you don't have bandwidth :)

[kyoshino]

maybe I just missed it in the doc and it's not a Sveltia-specific issue, but coming from more traditional CMS, it is not straightforward to understand people need to fs.readdir and readfile across the various content folders, and gray-matter and everything in order to fetch and parse the content. I wonder if this is something that should be added to the docs?

This is true for all headless CMSes. Developers need to know about these things that depend on the framework.

Sveltia CMS doesn’t have docs yet, partly because it’s made for existing Netlify/Decap CMS users, but the predecessor has some platform-specific guides. We’ll have our own docs before or after the 1.0 release.

[kyoshino]

v0.73.0 made the image component for the Markdown editor compact.