Saraf website: Nuxt.js to NestJS rebuild
Website of the Saraf investment platform, rebuilt from Nuxt.js to NestJS with server-rendered pages, Vue islands, live prices and a what-if returns calculator.
NestJS Vue.js Server-side rendering Islands architecture
Overview
Saraf is an investment platform where people buy, sell and hold gold, US dollars and cryptocurrencies. As a front-end developer at Saraf, I rebuilt its public website, saraf.app, from the ground up and moved it from Nuxt.js to NestJS.
Every page is now rendered on the server, so visitors and search engines get the full page in the first response. Only the parts that react in the browser, such as the header, the live prices, the calculators, the charts and the FAQ, load Vue.js as small islands.
What I built
- Server-rendered pages in NestJS, replacing the previous Nuxt.js site
- Vue.js islands for the interactive parts only: header, live prices, price table, calculators, charts and FAQ
- A price page for each listed asset, with a chart, a converter and a description
- An “If I had invested…” calculator that shows what one million toman would be worth in each asset today
- An app download section that sends the download link to a phone number
- The latest articles from Saraf’s blog on the home page
Planning something similar?
Tell me what you’re building and when you need it, and I’ll reply with questions and next steps.
Get in touch