The Frontity Admin

[luisherranz]

This is definitely not for the launch but I want to open a thread to discuss the future Frontity Admin and start sharing ideas.

What is the Frontity Admin

It’s a UI the developers can launch (yet to be decided how) and use to:

• Login to Frontity community and new newsletter.
• View the Overmind devtools to debug their code.
• Quick access to Community and Docs.
• List and install Frontity themes or extensions.
• Configure settings of the installed theme and extensions.

More ideas are welcomed

[luisherranz]

I’ve been thinking a lot and I think it’s crucial that the Frontity Admin works with codesandbox.io. For that reason, we can’t use electron, a chrome extension or another localhost port. It must run in the same localhost port than the main app.

My first ideas are:

• A custom URL. For example http://localhost:3000/frontity-admin
• A floating button in a corner that opens a modal with the Admin when you click it.

[luisherranz]

I’ve just found that Vue has released a very similar local admin page called Vue UI:

Vue UI: A First Look – Morningstar Engineering

Some inspiration from the article:

• Let users choose between npm and yarn.
• Mark Frontity packages as “official”.
• Run tasks from the UI (dev, build…)
• Show analyze to see package sizes of each chunk.

[orballo]

As mentioned in Lighthouse Summary we could add support for Lighthouse in Frontity Admin, so generated reports could be saved in the repo, and developers can see a history of audits and check if what they change is working or not.