<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: yekk</title>
    <description>The latest articles on DEV Community by yekk (@yekk).</description>
    <link>https://dev.to/yekk</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F410209%2Fa961d858-a4f0-40ac-ba5f-0dc720c04dbb.jpg</url>
      <title>DEV Community: yekk</title>
      <link>https://dev.to/yekk</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/yekk"/>
    <language>en</language>
    <item>
      <title>Mytess: Native SwiftUI app for TeslaMate (Dynamic Island, Enhanced Geofence Billing, Drive Insights). Recruiting Beta Testers!</title>
      <dc:creator>yekk</dc:creator>
      <pubDate>Thu, 22 Jan 2026 13:41:22 +0000</pubDate>
      <link>https://dev.to/yekk/mytess-native-swiftui-app-for-teslamate-dynamic-island-enhanced-geofence-billing-drive-2c4k</link>
      <guid>https://dev.to/yekk/mytess-native-swiftui-app-for-teslamate-dynamic-island-enhanced-geofence-billing-drive-2c4k</guid>
      <description>&lt;p&gt;Mytess: Native SwiftUI app for TeslaMate (Dynamic Island, Enhanced Geofence Billing, Drive Insights). Recruiting Beta Testers!&lt;/p&gt;

&lt;p&gt;I've been maintaining &lt;strong&gt;Mytesla UI&lt;/strong&gt; (a web-based dashboard for TeslaMate) for a while. It works, but it was never quite perfect for mobile use.&lt;/p&gt;

&lt;p&gt;Since Jan 4th, I’ve spent the last &lt;strong&gt;20 days "vibe coding"&lt;/strong&gt; to port the entire experience to native SwiftUI. I used a workflow centered around Cursor + SwiftUI and kept the project extremely lean: no third-party libraries, just pure native code.&lt;/p&gt;

&lt;p&gt;The Tech Stack: I built this using Sweetpad and xcode-build-server inside Cursor. It’s designed for iOS 18+ and already supports Liquid Glass materials for the latest OS versions.&lt;/p&gt;

&lt;p&gt;Key features I’ve been working on:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Native Drive &amp;amp; Data Insights&lt;/strong&gt;: It’s not just raw data. The app tries to identify driving scenarios and habits, then offers suggestions to optimize your efficiency.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dynamic Island &amp;amp; Live Activities&lt;/strong&gt;: For checking charging or climate status without unlocking the phone.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Geofence Billing&lt;/strong&gt;: Automated cost tracking based on your location and time-of-use rates.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;100% Privacy&lt;/strong&gt;: It’s a pure client. It connects directly to your own mytesla/teslamateapi. No middleman, no trackers.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I’m looking for feedback to help squash bugs and polish the UI. If you have a TeslaMate instance running, I’d love for you to try it out.&lt;/p&gt;

&lt;p&gt;TestFlight: &lt;a href="https://testflight.apple.com/join/UmK4HvCV" rel="noopener noreferrer"&gt;https://testflight.apple.com/join/UmK4HvCV&lt;/a&gt;&lt;br&gt;
Deployment Guide: &lt;a href="https://mytess.net/en" rel="noopener noreferrer"&gt;https://mytess.net/en&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Guide to Deploying TeslaMate on a cloud server</title>
      <dc:creator>yekk</dc:creator>
      <pubDate>Tue, 16 Sep 2025 08:45:10 +0000</pubDate>
      <link>https://dev.to/yekk/guide-to-deploying-teslamate-on-a-cloud-server-30md</link>
      <guid>https://dev.to/yekk/guide-to-deploying-teslamate-on-a-cloud-server-30md</guid>
      <description>&lt;h3&gt;
  
  
  &lt;strong&gt;Guide to Deploying TeslaMate&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;TeslaMate is a powerful, self-hosted data logger for your Tesla. This guide provides a complete walkthrough for securely deploying TeslaMate on a cloud server, enabling user authentication and covering everything from domain setup to SSL configuration.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Prerequisites&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Before you begin, you will need the following:&lt;/p&gt;

&lt;h4&gt;
  
  
  1. A Cloud Server
&lt;/h4&gt;

&lt;p&gt;It is highly recommended to use a cloud server located outside of mainland China for more stable access to the Tesla API. You can choose any cloud provider like Tencent Cloud, AWS, Google Cloud, or DigitalOcean.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Recommended Server Specifications:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;Memory:&lt;/strong&gt; 2 GB or more&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Storage:&lt;/strong&gt; 40 GB or more&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Operating System:&lt;/strong&gt; Ubuntu 24.04 LTS&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  2. A Domain Name
&lt;/h4&gt;

&lt;p&gt;You will need a domain name to access your TeslaMate instance securely over the internet.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; Go to a domain registrar (e.g., Tencent Cloud, GoDaddy, Namecheap).&lt;/li&gt;
&lt;li&gt; Search for and purchase an affordable domain (e.g., with a &lt;code&gt;.top&lt;/code&gt;, &lt;code&gt;.xyz&lt;/code&gt; TLD).&lt;/li&gt;
&lt;li&gt; Complete any required identity verification.&lt;/li&gt;
&lt;/ol&gt;

&lt;h4&gt;
  
  
  3. DNS Configuration
&lt;/h4&gt;

&lt;p&gt;After acquiring your server and domain, you need to point your domain to your server's IP address.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3.1 Add an A Record&lt;/strong&gt;&lt;br&gt;
In your domain provider's DNS management console, create a new record with the following details:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;Host:&lt;/strong&gt; &lt;code&gt;teslamate&lt;/code&gt; (or any subdomain you prefer)&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Type:&lt;/strong&gt; &lt;code&gt;A&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Value:&lt;/strong&gt; Your server's public IP address&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;TTL:&lt;/strong&gt; &lt;code&gt;600&lt;/code&gt; (or default)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;3.2 Add a CNAME Record (Optional)&lt;/strong&gt;&lt;br&gt;
If you want to access your instance via &lt;code&gt;www&lt;/code&gt;, you can add a CNAME record:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;Host:&lt;/strong&gt; &lt;code&gt;www&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Type:&lt;/strong&gt; &lt;code&gt;CNAME&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Value:&lt;/strong&gt; &lt;code&gt;teslamate.yourdomain.com&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;TTL:&lt;/strong&gt; &lt;code&gt;600&lt;/code&gt; (or default)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; DNS changes can take 10-30 minutes to propagate. Please be patient.&lt;/p&gt;




&lt;h3&gt;
  
  
  &lt;strong&gt;One-Click Deployment Script&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;We provide an interactive installation script that automates the entire setup process.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; Log into your server via SSH.&lt;/li&gt;
&lt;li&gt; Execute the following command and follow the on-screen prompts:
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;bash &lt;span class="nt"&gt;-c&lt;/span&gt; &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="si"&gt;$(&lt;/span&gt;curl &lt;span class="nt"&gt;-sSL&lt;/span&gt; https://s.mytesla.cc/install.sh&lt;span class="si"&gt;)&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  &lt;strong&gt;Script Features&lt;/strong&gt;
&lt;/h4&gt;

&lt;p&gt;✅ &lt;strong&gt;Automated Setup:&lt;/strong&gt; Automatically installs Docker and Docker Compose.&lt;br&gt;
✅ &lt;strong&gt;Interactive Configuration:&lt;/strong&gt; Guides you through setting up environment variables.&lt;br&gt;
✅ &lt;strong&gt;Enhanced Security:&lt;/strong&gt; Generates secure passwords and sets up basic user authentication.&lt;br&gt;
✅ &lt;strong&gt;SSL Included:&lt;/strong&gt; Automatically configures a free SSL certificate from Let's Encrypt.&lt;br&gt;
✅ &lt;strong&gt;Auto-Start:&lt;/strong&gt; Configures all services to start automatically on boot.&lt;br&gt;
✅ &lt;strong&gt;Easy Maintenance:&lt;/strong&gt; Includes simple commands for updating the service and backing up/restoring data.&lt;/p&gt;




&lt;h3&gt;
  
  
  &lt;strong&gt;Recommended: Mytesla UI&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;After successfully deploying TeslaMate, we highly recommend enhancing your experience with &lt;strong&gt;Mytesla UI&lt;/strong&gt;, a feature-rich user interface designed to work with your TeslaMate data.&lt;/p&gt;

&lt;h4&gt;
  
  
  &lt;strong&gt;Mytesla UI Key Features&lt;/strong&gt;
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Real-time Vehicle Monitoring&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Live battery status and health display.&lt;/li&gt;
&lt;li&gt;  Real-time charging progress tracking.&lt;/li&gt;
&lt;li&gt;  Current vehicle location monitoring.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;In-Depth Data Analysis&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Detailed analysis of driving data and efficiency.&lt;/li&gt;
&lt;li&gt;  Comprehensive energy consumption reports.&lt;/li&gt;
&lt;li&gt;  Charging cost statistics with automatic calculation for peak/off-peak electricity rates.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Smart Notifications &amp;amp; Alerts&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Notifications for charging completion.&lt;/li&gt;
&lt;li&gt;  Alerts when a trip is finished.&lt;/li&gt;
&lt;li&gt;  Periodic data summary reports.&lt;/li&gt;
&lt;li&gt;  Reminders for available software updates.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;/ul&gt;

&lt;h4&gt;
  
  
  &lt;strong&gt;Get Mytesla UI&lt;/strong&gt;
&lt;/h4&gt;

&lt;p&gt;To learn more and get started, visit the official &lt;a href="https://mytesla.cc/login" rel="noopener noreferrer"&gt;Mytesla&lt;/a&gt; .&lt;/p&gt;

</description>
    </item>
    <item>
      <title>I got tired of Grafana on my phone, so I built a new mobile-friendly dashboard for Teslamate</title>
      <dc:creator>yekk</dc:creator>
      <pubDate>Sun, 10 Aug 2025 05:48:27 +0000</pubDate>
      <link>https://dev.to/yekk/i-got-tired-of-grafana-on-my-phone-so-i-built-a-new-mobile-friendly-dashboard-for-teslamate-kjk</link>
      <guid>https://dev.to/yekk/i-got-tired-of-grafana-on-my-phone-so-i-built-a-new-mobile-friendly-dashboard-for-teslamate-kjk</guid>
      <description>&lt;p&gt;Hey everyone, &lt;/p&gt;

&lt;p&gt;So, I got my Model 3 last year and immediately fell in love with Teslamate. I set it up on a Raspberry Pi and was geeking out over all the data.&lt;/p&gt;

&lt;p&gt;But, man, after the initial fun wore off, a few things became constant headaches:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; &lt;strong&gt;Using Grafana on my phone was just painful.&lt;/strong&gt; Let's be honest, they're powerful on a big screen, but on mobile, the layout is clunky, the text is tiny, and it’s just a frustrating experience. It’s not optimized for a quick glance.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Secure remote access was a time-sink.&lt;/strong&gt; I first went down the rabbit hole of setting up reverse proxies, which meant I was constantly dealing with managing SSL certificates and making sure they didn't expire. It was a low-level headache I didn't want. I eventually found better tools like Cloudflare Tunnels and Tailscale, but they still required some manual work to integrate cleanly into the Teslamate Docker stack.&lt;/li&gt;
&lt;li&gt;And finally, &lt;strong&gt;cost tracking was a real chore.&lt;/strong&gt; Teslamate's single cost setting is way too basic. With different rates at home (peak/off-peak), work, and Superchargers, I found myself manually editing the cost for almost every single charging session just to keep my stats accurate.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;I figured someone must have built a simple mobile UI for this, but I couldn't find anything. So I decided to just build what I wanted myself.&lt;/p&gt;

&lt;p&gt;After a few months of hacking on it in my spare time, here it is: &lt;a href="https://mytesla.cc" rel="noopener noreferrer"&gt;mytesla.cc&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Just to be 100% clear, this &lt;strong&gt;is not a Teslamate replacement.&lt;/strong&gt; It's just a dashboard. Your data stays yours, on your server, with your Teslamate instance. This thing just gives it a face that doesn't suck on a phone.&lt;/p&gt;

&lt;p&gt;My goal was to fix my own annoyances:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;A UI that actually works on your phone.&lt;/strong&gt; It’s a simple responsive site. You can open it, see your stats, and close it. No more fighting with charts.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Easier remote access.&lt;/strong&gt; Instead of you having to manually configure everything, I've scripted and integrated Tailscale directly into the Teslamate stack. This makes it much simpler to get a secure, end-to-end encrypted connection up and running. Of course, you can still use your own methods like Cloudflare Tunnels if you prefer.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Cost tracking that's actually useful.&lt;/strong&gt; I wanted to see what my charges &lt;em&gt;really&lt;/em&gt; cost, so I added options for different rates based on location and time-of-use (peak/off-peak).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Let's talk security, because it's important.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Look, I'm a privacy nut too. My service never sees or stores your car data. Period.&lt;/p&gt;

&lt;p&gt;The way it works is that your browser talks directly to your Teslamate server over a secure tunnel that you control (like the one set up by Tailscale). My dashboard is just the pretty interface that runs in your browser. The data itself travels over that secure, end-to-end encrypted connection.&lt;/p&gt;

&lt;p&gt;I figured I'd put it out there for any other Teslamate users who feel the same way. It's a one-time thing for &lt;strong&gt;$9.9&lt;/strong&gt;, and if you don't like it, there's a &lt;strong&gt;5-day, no-questions-asked refund.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;You can check it out here: &lt;strong&gt;&lt;a href="https://mytesla.cc" rel="noopener noreferrer"&gt;https://mytesla.cc&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Happy to answer any questions. Let me know what you think.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A little about me:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I'm a Senior Web Developer with over 10 years in full-stack and DevOps. I'm into Rock, cycling, and road trips.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Connect &amp;amp; Support:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Join our &lt;a href="https://discord.gg/2DBzQfFPW8" rel="noopener noreferrer"&gt;community discussions on Discord&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;  Email support &lt;a href="//mailto:hi@mytesla.cc"&gt;hi@mytesla.cc&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;  Follow on &lt;a href="https://x.com/yekk_me" rel="noopener noreferrer"&gt;X/Twitter&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;#teslamate #tesla #Mytesla #model3&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
