<?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: Lilian</title>
    <description>The latest articles on DEV Community by Lilian (@bostan).</description>
    <link>https://dev.to/bostan</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%2F3874261%2F3c588cab-6243-4009-bbc1-08179d54ad9b.jpg</url>
      <title>DEV Community: Lilian</title>
      <link>https://dev.to/bostan</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/bostan"/>
    <language>en</language>
    <item>
      <title>How I Built a Full-Stack Car Rental Platform in Moldova with Node.js, Supabase &amp; Vercel</title>
      <dc:creator>Lilian</dc:creator>
      <pubDate>Sun, 12 Apr 2026 01:20:08 +0000</pubDate>
      <link>https://dev.to/bostan/how-i-built-a-full-stack-car-rental-platform-in-moldova-with-nodejs-supabase-vercel-2c9m</link>
      <guid>https://dev.to/bostan/how-i-built-a-full-stack-car-rental-platform-in-moldova-with-nodejs-supabase-vercel-2c9m</guid>
      <description>&lt;p&gt;Hey DEV community! I want to share how I built a web platform for a small car rental business in Chișinău, Moldova. I'll cover the tech stack, multilingual SEO challenges, and lessons learned.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;I needed a platform to manage a car fleet: vehicle catalog with dynamic pricing, booking system, cost calculator, multilingual UI (Romanian, Russian, English), and an admin panel. Budget was tight — no $200/month SaaS solutions.&lt;/p&gt;

&lt;h2&gt;
  
  
  Tech Stack
&lt;/h2&gt;

&lt;p&gt;After evaluating options, I went with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend:&lt;/strong&gt; Vanilla JS + Bootstrap + i18next for internationalization&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Backend:&lt;/strong&gt; Node.js + Express&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Database:&lt;/strong&gt; Supabase (PostgreSQL)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Hosting:&lt;/strong&gt; Vercel (frontend) + separate server for API&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;CDN:&lt;/strong&gt; Cloudflare&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Why not React? For a landing page with a booking form, it's overkill. Vanilla JS renders faster, which is critical for Core Web Vitals and SEO.&lt;/p&gt;

&lt;h2&gt;
  
  
  Project Structure
&lt;/h2&gt;

&lt;p&gt;├── public/&lt;br&gt;
│   ├── index.html&lt;br&gt;
│   ├── cars.html&lt;br&gt;
│   ├── sofer-treaz.html    # Sober driver service&lt;br&gt;
│   ├── css/&lt;br&gt;
│   ├── js/&lt;br&gt;
│   │   ├── i18n-init.js&lt;br&gt;
│   │   ├── dynamic-cars-loader.js&lt;br&gt;
│   │   └── validation-booking.js&lt;br&gt;
│   └── locales/&lt;br&gt;
│       ├── ro.json&lt;br&gt;
│       ├── ru.json&lt;br&gt;
│       └── en.json&lt;br&gt;
├── server/&lt;br&gt;
│   ├── api/&lt;br&gt;
│   │   ├── cars.js&lt;br&gt;
│   │   ├── bookings.js&lt;br&gt;
│   │   └── fee-settings.js&lt;br&gt;
│   └── supabase.js&lt;/p&gt;
&lt;h2&gt;
  
  
  Multilingual SEO: The Tricky Part
&lt;/h2&gt;

&lt;p&gt;Moldova is multilingual: Romanian, Russian, and English for tourists. I used i18next with JSON files for each language.&lt;/p&gt;

&lt;p&gt;The main problem: &lt;strong&gt;Google renders pages without JavaScript about 30% of the time&lt;/strong&gt;. This means &lt;code&gt;data-i18n&lt;/code&gt; attributes don't get translated and Google only sees Romanian fallback text.&lt;/p&gt;

&lt;p&gt;Solution: for critical SEO blocks, I added &lt;strong&gt;static HTML in all three languages&lt;/strong&gt; directly in the page. &lt;code&gt;data-i18n&lt;/code&gt; is only used for UI elements (buttons, menus, forms).&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="c"&gt;&amp;lt;!-- Static SEO block — Google can see all languages --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;Închirieri auto Chișinău — text in Romanian...&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;Аренда авто Кишинёв — text in Russian...&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;Car rental Chisinau — text in English...&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;I also added hreflang tags even though the URL is the same for all languages:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;link&lt;/span&gt; &lt;span class="na"&gt;rel=&lt;/span&gt;&lt;span class="s"&gt;"alternate"&lt;/span&gt; &lt;span class="na"&gt;hreflang=&lt;/span&gt;&lt;span class="s"&gt;"ro"&lt;/span&gt; &lt;span class="na"&gt;href=&lt;/span&gt;&lt;span class="s"&gt;"https://plusrent.md/"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;link&lt;/span&gt; &lt;span class="na"&gt;rel=&lt;/span&gt;&lt;span class="s"&gt;"alternate"&lt;/span&gt; &lt;span class="na"&gt;hreflang=&lt;/span&gt;&lt;span class="s"&gt;"ru"&lt;/span&gt; &lt;span class="na"&gt;href=&lt;/span&gt;&lt;span class="s"&gt;"https://plusrent.md/"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;link&lt;/span&gt; &lt;span class="na"&gt;rel=&lt;/span&gt;&lt;span class="s"&gt;"alternate"&lt;/span&gt; &lt;span class="na"&gt;hreflang=&lt;/span&gt;&lt;span class="s"&gt;"en"&lt;/span&gt; &lt;span class="na"&gt;href=&lt;/span&gt;&lt;span class="s"&gt;"https://plusrent.md/"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Dynamic Pricing
&lt;/h2&gt;

&lt;p&gt;Rental prices depend on duration: 1-3 days = one price, 4-7 = another, 8+ = third. I implemented this with a JSON price policy in the database:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"1-3"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"35"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"4-7"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"30"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"8-14"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"25"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="nl"&gt;"15+"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"20"&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The frontend calculator parses this structure and computes cost including additional fees (night delivery, airport). Rates are loaded from the server via &lt;code&gt;/api/fee-settings/tariffs&lt;/code&gt; — so managers can change prices from the admin panel without redeploying.&lt;/p&gt;

&lt;h2&gt;
  
  
  Structured Data for Local Business
&lt;/h2&gt;

&lt;p&gt;Google Rich Snippets are a free way to stand out in search. I added multiple schema blocks:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;AutoRental&lt;/code&gt; — company info&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Service&lt;/code&gt; — service descriptions&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;FAQPage&lt;/code&gt; — Q&amp;amp;A in two languages (for Featured Snippets)&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;BreadcrumbList&lt;/code&gt; — navigation&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;Organization&lt;/code&gt; — organization data&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;FAQ Schema in two languages gave an interesting result: Google shows FAQ blocks for both Romanian and Russian queries from a single page.&lt;/p&gt;

&lt;h2&gt;
  
  
  Competing Against Exact-Match Domains
&lt;/h2&gt;

&lt;p&gt;The hardest challenge was organic ranking. Competitors with domains like &lt;code&gt;chirieauto.md&lt;/code&gt; rank at the top by default. Google historically gives advantages to exact-match domains.&lt;/p&gt;

&lt;p&gt;My approach: maximum technical optimization (structured data, Core Web Vitals, multilingual content) + backlinks from platforms (Crunchbase, LinkedIn, TripAdvisor, GitHub). Within 3 months, I reached top 2-5 for "sofer treaz chisinau" competing against an exact-match domain.&lt;/p&gt;

&lt;h2&gt;
  
  
  Key Takeaways
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Skip React for simple sites&lt;/strong&gt; — Vanilla JS + good CSS is faster and cheaper&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Multilingual SEO needs static HTML&lt;/strong&gt; — don't rely only on JS translations&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Structured Data is a must&lt;/strong&gt; for local business SEO&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Supabase&lt;/strong&gt; is an excellent free Firebase alternative for MVPs&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Vercel's free tier&lt;/strong&gt; handles up to 10K visitors/month easily&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;🌐 &lt;a href="https://plusrent.md" rel="noopener noreferrer"&gt;plusrent.md&lt;/a&gt; — the live platform&lt;/li&gt;
&lt;li&gt;🚗 &lt;a href="https://plusrent.md/sofer-treaz" rel="noopener noreferrer"&gt;Sober Driver Service&lt;/a&gt; — unique designated driver feature&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Thanks for reading! Happy to answer any questions in the comments.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>seo</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
