After refreshing the https://ferron.sh website design for quite some time, we’re so excited to announce that the refresh is now live! 🎉
The refreshed website not only has a refreshed visual style, but also many UX (user experience) improvements, especially in the documentation.
The highlights
The documentation now has “On this page” sidebar on the right, visible on larger screens, which can improve experience navigating long documentation pages. It also has more focused, documentation-specific header design.
The code blocks in the documentation also have buttons for copying them to the clipboard; this can be useful if you want to use code or configurations from the documentation.
We have also performed visual changes to the website, improved the consistency and make it feel more “premium”.
Screenshots
The technology stack
For our website, we’re using Astro, along with Tailwind CSS and TypeScript (even though our web server, Ferron, is written in Rust, we’re using a web-native stack for websites).
Astro provides support for static site generation and modern components (compared to more traditional static site generators). It’s also independent on the front-end framework (unlike let’s say Next.js that’s tied to React).
Tailwind CSS is an utility-first CSS framework. We’re using it to create consistent styles using utility and custom component classes (Tailwind CSS provides utility classes for spacing with a predefined scale).
TypeScript is a superset of JavaScript, which add a static type system on top of it. TypeScript can help catch many bugs at compile type by enforcing type safety.
Visit our website!
You can now visit our refreshed website on https://ferron.sh.