·

Website 2.5

A short supercharge stop on the new website redesign roadtrip

When Teslemetry first started in January 2023, its website used a clean but simple UI library along with Vue to provide interactivity. It was very lightweight and functional, but its design was lacking compared to modern web design standards.

After Teslemetry's official launch on April 1st 2023, I started working on a new website built on Nuxt 3 & Nuxt UI Pro, which was published before the end of that month. That's the website that I've been building on since, and the website you have been using, that is until today.

A big rewrite

When Nuxt 4 was announced, I decided it would be a good time to update the website and make a few improvements. The problem was that I started bundling too many objectives into one project, such as:

  • Upgrade to Nuxt 4
  • Upgrade to Nuxt UI 4
  • Replace Firebase with NATS JetStream
  • Internationalisation and translation
  • Partial removal of Nuxt Content
  • New homepage with video
  • Build rental automation feature
  • Improved UX

After discussing this with a good friend, I realised this was a huge mistake. Trying to do all these changes at once inevitably led to no meaningful outcome, and no opportunities to learn and iterate from incremental changes. So despite investing a large amount of effort on building this new website, this is not the website I am launching today. However, these are all features coming to the Teslemetry website sooner or later, some are even live right now!

Rental Automation

The first step I decided to take was to port the new real-time data backend capability, and use this to build an early version of the rental automation feature. This allowed some early adopters to provide valuable feedback on this feature, which I may not have received for months had I kept my original approach. It was a good thing too, because I have already identified some major problems with my initial assumptions, and there are improvements that are going to be required to make this feature valuable to rental vehicle owners.

Goodbye Google

For the last 6 months Teslemetry has been migrating off Google Cloud Platform and Firebase, as we are able to achieve more with less using providers like Hetzner. One of the last components still dependent on Firebase was the website authentication and database. The iterative work on the rental automation feature laid the groundwork for completely replacing all real-time data on the website with the new NATS JetStream based backend. This change also enables more server-side rendering and client-side caching, which should result in faster page loads and a better user experience in general.

Website 2.5

Welcome to the new Teslemetry website, it looks almost identical to the old one, but with so many changes under the hood I am looking forward to the opportunity to continue iterating and providing my customers with even more powerful features you won't find anywhere else.

Teslemetry likes to move fast, and sometimes that causes bugs and regressions, I am almost certain this website change will be no different, so please reach out to support if anything isn't working and I will get it fixed as soon as possible.