Component Party.dev Versions Save

Build change

Component Party has grown very fast since its first release. There has been a big impact on the performance of the page. The solution is to go from full static with Astro (30 000 DOM Nodes) to a Svelte SPA to greatly improve performance:

• JS will contain DOM Nodes not displayed
• Framework snippets will be downloaded on demand (lazy loading)

While Astro is really great to make static websites, Component Party needs to be an SPA to have the best performance possible.

Before (using Astro)

After (using Svelte + Vite)

The performance seems much better ! 💯

Additional features

While refactoring, we added additional features:

• Switch font from Inter to Mona Sans
• Use Shiki as the code highlighter using "One Dark Pro" theme
• Improve "edit on Github" button placement
• Add clipboard notification
• Add message on zero framework selected case

Related PR: #131