--- title: "Making of: Our website tech stack & design · Volcanic Minds" description: "Behind the scenes of Volcanic Minds: how we built our digital identity with Nuxt.js, Prismic CMS, performance optimization and green web design." url: "https://volcanicminds.com/en/insights/making-of" lang: "en" type: "second_level_page" updated: "2024-12-17" alternate: "https://volcanicminds.com/insights/making-of" summary: "How this site is built: the technologies we chose, why, and what we left out. It is where we apply to ourselves what we propose to clients, so it is also where you can see whether those choices hold." --- # Our website The technologies behind ***our*** website and why we chose them: Nuxt and Vue.js for the frontend, Prismic as headless CMS, Plausible for cookieless analytics. *"Not just a regular website, but a full-fledged **product**. Designed and built from scratch with the best technologies."* ## The technology - Vue.js - Nuxt - Prismic - Plausible - Google Fonts - Font Awesome - Basscss - AWS - TypeScript The ideas we started with ### Blazing fast loadings No wasted resources, optimized images, full-static rendering. This is how our website excels in **speed** and performance. ### Seamless navigation *JavaScript* navigation is designed to provide smooth and immediate page transitions. Goodbye to long loading times and useless waiting. ### Advanced accessibility No unexpected behavior of the interface. Accessible links, images and buttons. Optimized colors and contrasts. Our website is navigable by everyone, **without discrimination**. ### Linear UX The content is presented clearly and without distractions: the user experience is never trivial. ### At a glance A website must capture the attention of its visitors: it must be fresh, **appealing**, and immediately recognizable. ### GDPR and cookieless We place a great deal of importance on the **privacy** of our users. We only use community-based open-source tools that do not use cookies and do not collect sensitive data. ### Responsive No matter which device is used: our website must be navigable anytime, ensuring the consistency of content and a *cross-device* experience. ### Easy to update Not only experienced developers: our website, through the *Content Management System* (CMS) we use, is easily updatable and maintainable by anyone. ### Open source No surprise: our website code is public domain and constantly updated and documented. ## Nuxt *The framework* Nuxt, the open-source web framework based on the JavaScript **Vue.js** language, has over 40.000 stars on GitHub. It has a steep learning curve, not only for Frontend or Full Stack developers but also for Web Designers and Web Engineers who can benefit from its ecosystem to quickly create applications and websites. It is widely supported by the community, with thousands of constantly updated extensions and components. It is **SEO-friendly** out-of-the-box and ensures instant navigation, thanks to its integrated router. Builds and releases have never been so easy: you can choose to use a full-static **serverless** approach or, for more complex sites, an architecture with Server Side Rendering (**SSR**) for fully responsive content. - [Discover Nuxt](https://nuxtjs.org/) ## Prismic *The Content Management System* Headless CMS are the direct evolution of traditional monolithic systems such as - just to name a few - Wordpress and Joomla. They maintain purely backend functionalities, offering a simplified interface for content editing. However, they are completely detached and independent from the frontend, i.e. the HTML templating of the pages. They are real content repositories, to be queried on the frontend side through **APIs**: thanks to its [easy integration with Nuxt](https://prismic.nuxtjs.org/), Prismic is the beating heart of our website and is perfect for responding in real time via SSR or at build-time for fully static sites. This dynamic infrastructure allows for keeping the backend and frontend layers separated, thus increasing the scalability, maintainability, and security of the resulting products, as well as ensuring superior performance in all contexts. - [Discover Prismic](https://prismic.io/) ## Plausible *The web analytics* Analyzing the usage statistics of a website is not a violation of privacy, but it is a fundamental tool to understand how users interact with web pages and where it is possible to improve the user experience. **Plausible** is the tool we have decided to use for this purpose. But why a niche and little-known product? **Open source**: the source code is available to everyone, without surprises. **Fast and lightweight**: the script size is 1 kB. Need we say more? **Privacy and GDPR**: the few collected data, suitably masked, reside in a European community cloud space, in compliance and respect of the stringent GDPR rules. **Cookieless**: no cookies of any kind are collected, which is why it is not necessary to integrate user-unfriendly banners on websites. - [Discover Plausible](https://plausible.io/) FAQs ### Do you only use these technologies? Absolutely not! We like to keep ourselves updated and always try to use the latest innovations offered by the market, ensuring complete support with LTS solutions. We are ready to listen to our customers' needs, committing to finding the best possible solution together with them, in any context and project. ### I like the project. Can I use it too? This site, as well as other open-source projects by Volcanic Minds, resides on our [GitHub repository](https://github.com/volcanicminds/volcanic-minds-website). It is constantly evolving and we are ready to listen to any advice or concerns you may have about the implementation. ## Do you still have doubts? If you want to deepen the technologies we used, or simply want to use them in your project, we are at your disposal to discuss and find a solution together. - [Let's talk about your project](/en/contacts) ## More articles on the same theme. *Keep reading* - [Web Bot Auth: visitors with no eyes](/en/insights/web-bot-auth-agentic-traffic.md): AI agents read your site and convert better than organic, yet they never show up in analytics. How to measure them and verify them with Web Bot Auth. - [Generative UI: for humans and machines](/en/insights/generative-ui-agents-dual-mode.md): Explore how Generative UI and Dual-Interaction UX transform enterprise SaaS by creating adaptive interfaces for human operators and AI agents. - [Digital accessibility is not a badge](/en/insights/why-accessibility-overlays-fail.md): Discover why accessibility overlays fail WCAG 2.1 AA compliance and why building native accessibility is crucial for legal and commercial success.