Development Advice - Appreciation #3
Description
Hello mate, I have been doing research on web-editors for months. I have a project in my mind, I do not have the knowledge to put it into operation, if this is completed, it will be very useful. I came across this project of yours and it contains exactly the details I had in mind. I'm really surprised. Watch it now, it will make me happy if you take into account that I am transferring all my knowledge. I appreciate and support you for such a project.
🚀 Coming Soon... - It contains really successful additions. I will add some new suggestions and sources.
Page Analytics - ‘Site Analytics’ can be given details such as traffic centres of the established sites - incoming countries etc.
SEO: Optimized SEO Ranking for "Sites" - Users can also optimise SEO the created sites within the editor. Consider this option. Examine grapejs for example.
In the page settings section, details such as title, description, tags, custom html additions can be determined by users.
### Let's start with a few editors.
GrapesJS - a great, scalable, fully professional and open source editor. Definitely check it out, it will benefit you a lot. Studying this will enlighten you.
VvvebJs - Another editor, this source should be a bit lower quality than grapesjs.
Stacx - A soft open source editor blended using GrapesJS and NexJs. Really impressive but inadequate.
Puck - Another editor can inspire.
Note: These sources should only serve as inspiration. Continuing to develop with Nextjs gives a more SEO and solid-oriented performance.
Now let's come to my main suggestions.
The ‘Pages’ page should be changed to ‘Sites’. Also ‘New Site’ button etc. Instead of creating a site with a blank page, it can give users the chance to choose from ready-made themes. For example, with html- boostrap supported themes, they can start editing and publish their sites by importing them into the automatic editor.
Theme Categorisation: Themes can be displayed and filtered according to category information. It can be more beautiful if it is on a sectoral basis.
Theme Selection and Preview:
Users will have the opportunity to select and preview ready-made HTML designs the selected theme will be transferred to the editor.
If you wish, you can additionally offer the option to start with a blank page. I have 1 example for you to understand these logics more clearly. I also have another example that will give general inspiration. Check these out.
Architech - For Ready-made templates using
Slides - To get a dashboard idea.
Note: It is important to keep the Shadcn structure when updating the whole design. This is truly unique.
I have some suggestions for the general site.
- Global SEO Settings:
All default meta tags, sitemap, robots.txt settings, canonical link configurations.
- Theme & Style Settings:
Dark/light mode defaults.
- Language Settings: System language defaults.
- Redis Cache : A compatible cache that works with Nextjs can go well. Increases performance.
Editor Customisation: ‘Save’ button on the editor ’Publish’ It can change to.
That's all for now. If I think of more, I will report them in the future.