<?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: Yousif</title>
    <description>The latest articles on DEV Community by Yousif (@yousifpa98).</description>
    <link>https://dev.to/yousifpa98</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%2F3053837%2Ff10333d5-4d88-4d42-bb77-8494418636c4.png</url>
      <title>DEV Community: Yousif</title>
      <link>https://dev.to/yousifpa98</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/yousifpa98"/>
    <language>en</language>
    <item>
      <title>Why I keep choosing Vike over Next.js for frontend apps</title>
      <dc:creator>Yousif</dc:creator>
      <pubDate>Thu, 17 Apr 2025 00:53:35 +0000</pubDate>
      <link>https://dev.to/yousifpa98/why-i-keep-choosing-vike-over-nextjs-for-frontend-apps-2pik</link>
      <guid>https://dev.to/yousifpa98/why-i-keep-choosing-vike-over-nextjs-for-frontend-apps-2pik</guid>
      <description>&lt;p&gt;I've built a bunch of frontend apps and landing pages over the years. Some simple, some complex, some just to ship something and see what sticks.&lt;/p&gt;

&lt;p&gt;And like a lot of people, I started with Next.js.&lt;/p&gt;

&lt;p&gt;It’s battle-tested, well-documented, comes with everything. But over time, I found myself reaching for it less and less — especially for frontend-only projects. It started to feel too heavy, too opinionated, too “big” for what I needed.&lt;/p&gt;

&lt;p&gt;That’s when I found &lt;strong&gt;Vike&lt;/strong&gt;. And honestly? It changed the way I build.&lt;/p&gt;




&lt;h2&gt;
  
  
  What is Vike?
&lt;/h2&gt;

&lt;p&gt;Vike is a meta-framework built on top of Vite and React.&lt;br&gt;&lt;br&gt;
It gives you proper server-side rendering (SSR) with full flexibility — without turning your project into a full-stack ecosystem.&lt;/p&gt;

&lt;p&gt;No forced routing conventions, no CLI magic, no weird config layers.&lt;br&gt;&lt;br&gt;
Just SSR, per-route control, and Vite under the hood.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why I use it (and keep using it)
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🧠 1. &lt;strong&gt;The learning curve is almost flat&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Most devs today are already familiar with Vite + React.&lt;br&gt;&lt;br&gt;
Vike builds on that — it doesn’t try to reinvent the wheel.&lt;br&gt;&lt;br&gt;
If you’ve used Vite and know React Router, you’ll feel at home fast.&lt;/p&gt;

&lt;p&gt;There’s no "framework DSL" to learn. You just write components and define routes.&lt;/p&gt;




&lt;h3&gt;
  
  
  🧼 2. &lt;strong&gt;No lock-in, no magic&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;With Next.js, I often felt like I was in a world of “Next’s way or no way” — pages directory, app directory, file-based routing, etc.&lt;/p&gt;

&lt;p&gt;With Vike, I can structure things however I want. I define my routes, my data fetching, my page layout, and that’s it. No black boxes.&lt;/p&gt;

&lt;p&gt;It’s not a full-stack platform. It’s just &lt;strong&gt;SSR on top of Vite&lt;/strong&gt;, and that’s all I needed.&lt;/p&gt;




&lt;h3&gt;
  
  
  ⚡ 3. &lt;strong&gt;SSR that actually feels clean&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Vike gives you actual SSR by default — not static export hacks or weird hydration layers.&lt;br&gt;&lt;br&gt;
You define a route, set its metadata via &lt;code&gt;+Head.jsx&lt;/code&gt;, and it just works.&lt;/p&gt;

&lt;p&gt;For SEO, this setup is &lt;em&gt;way&lt;/em&gt; easier to reason about than messing with Helmet or dynamic meta tags inside useEffect. You don’t fight the framework to render HTML for bots.&lt;/p&gt;




&lt;h3&gt;
  
  
  🔥 4. &lt;strong&gt;Perfect for frontend-first projects&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;If I’m building a full-stack app with auth, API routes, edge functions etc. — fine, maybe Next.js makes sense.&lt;/p&gt;

&lt;p&gt;But for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Landing pages&lt;/li&gt;
&lt;li&gt;Marketing sites&lt;/li&gt;
&lt;li&gt;Public dashboards&lt;/li&gt;
&lt;li&gt;Docs pages&lt;/li&gt;
&lt;li&gt;SaaS frontends that talk to a separate backend&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;…Vike is such a nice fit.&lt;/p&gt;

&lt;p&gt;It stays out of the way. You build your UI. You ship. That’s it.&lt;/p&gt;




&lt;h2&gt;
  
  
  What I’ve learned using Vike
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;I spend less time reading docs and more time building
&lt;/li&gt;
&lt;li&gt;I structure my code in ways that make sense &lt;em&gt;to me&lt;/em&gt;, not the framework
&lt;/li&gt;
&lt;li&gt;I think more clearly about what’s happening between client/server
&lt;/li&gt;
&lt;li&gt;I don’t dread SEO anymore
&lt;/li&gt;
&lt;li&gt;I never have to fight it — and that’s rare in web dev&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Is it perfect?
&lt;/h2&gt;

&lt;p&gt;Nope. The community is small.&lt;br&gt;&lt;br&gt;
Docs are improving but not flawless.&lt;br&gt;&lt;br&gt;
You won’t find a hundred tutorials on YouTube.&lt;/p&gt;

&lt;p&gt;But honestly? That hasn’t stopped me.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final thoughts
&lt;/h2&gt;

&lt;p&gt;I’m not getting paid to write this. I just really like the dev experience, and I hope more people give it a shot — because tools like this deserve attention.&lt;/p&gt;

&lt;p&gt;If you’re building something frontend-heavy and want real SSR without full-stack lock-in, try it.&lt;/p&gt;

&lt;p&gt;Here's the link for Vike: &lt;a href="https://vike.dev/" rel="noopener noreferrer"&gt;https://vike.dev/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Here’s a site I built with Vike: &lt;a href="https://satsu.pro" rel="noopener noreferrer"&gt;https://satsu.pro&lt;/a&gt;&lt;br&gt;&lt;br&gt;
Feel free to poke around, or message me if you’re curious how it works under the hood.&lt;/p&gt;

&lt;p&gt;Let’s make cool stuff — and ship it fast.&lt;/p&gt;

</description>
      <category>vite</category>
      <category>seo</category>
      <category>webdev</category>
      <category>frontend</category>
    </item>
    <item>
      <title>I just wanted to know if someone visited — so I built my own analytics</title>
      <dc:creator>Yousif</dc:creator>
      <pubDate>Wed, 16 Apr 2025 20:23:38 +0000</pubDate>
      <link>https://dev.to/yousifpa98/i-just-wanted-to-know-if-someone-visited-so-i-built-my-own-analytics-3p90</link>
      <guid>https://dev.to/yousifpa98/i-just-wanted-to-know-if-someone-visited-so-i-built-my-own-analytics-3p90</guid>
      <description>&lt;p&gt;I build too many small projects.&lt;/p&gt;

&lt;p&gt;Some are half-finished ideas, some are landing pages, some are just “let’s see what happens” sites.&lt;br&gt;&lt;br&gt;
Most don’t get traffic. But still — sometimes I want to know:&lt;br&gt;&lt;br&gt;
&lt;strong&gt;Did anyone actually land here?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;GA always felt like overkill.&lt;br&gt;&lt;br&gt;
Consent banners. Cookie hell. Pages of charts I never look at.&lt;br&gt;&lt;br&gt;
And the alternatives? Either self-hosting pain, or SaaS tools that cost €12/month for sites that maybe get 8 visitors.&lt;/p&gt;

&lt;p&gt;So I built my own thing.&lt;/p&gt;




&lt;h2&gt;
  
  
  It’s called Satsu.
&lt;/h2&gt;

&lt;p&gt;No cookies.&lt;br&gt;&lt;br&gt;
No fingerprinting.&lt;br&gt;&lt;br&gt;
No GDPR banners.&lt;br&gt;&lt;br&gt;
Just a tiny snippet and a clean dashboard.&lt;/p&gt;

&lt;p&gt;It shows:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;pageviews
&lt;/li&gt;
&lt;li&gt;top pages
&lt;/li&gt;
&lt;li&gt;referrers
&lt;/li&gt;
&lt;li&gt;devices
&lt;/li&gt;
&lt;li&gt;rough location (just country)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That’s it. Nothing more. No fluff. No upsell. Free.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why?
&lt;/h2&gt;

&lt;p&gt;Because I got tired of adding Google Analytics to every dumb idea I shipped.&lt;br&gt;&lt;br&gt;
I just wanted to know if anyone showed up — without making users feel like they’re being watched.&lt;/p&gt;

&lt;p&gt;If that sounds like you, you can try it here:&lt;br&gt;&lt;br&gt;
👉 &lt;a href="https://satsu.pro" rel="noopener noreferrer"&gt;https://satsu.pro&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;Not gonna tell you it’s the best thing ever.&lt;br&gt;&lt;br&gt;
It’s just simple, and it works.&lt;/p&gt;

&lt;p&gt;Would love your feedback if you try it — or if you hate it, that’s fine too 😄&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>analytics</category>
      <category>javascript</category>
      <category>programming</category>
    </item>
    <item>
      <title>I built my own analytics tool out of frustration — and now I’m stuck at 7 users</title>
      <dc:creator>Yousif</dc:creator>
      <pubDate>Wed, 16 Apr 2025 00:48:42 +0000</pubDate>
      <link>https://dev.to/yousifpa98/i-built-my-own-analytics-tool-out-of-frustration-and-now-im-stuck-at-7-users-gim</link>
      <guid>https://dev.to/yousifpa98/i-built-my-own-analytics-tool-out-of-frustration-and-now-im-stuck-at-7-users-gim</guid>
      <description>&lt;p&gt;Like most devs, I build way too many small tools, landing pages, experiments...&lt;br&gt;&lt;br&gt;
Some of them get traffic. Most don’t. But I still like knowing whether &lt;em&gt;anyone&lt;/em&gt; actually landed there.&lt;/p&gt;

&lt;p&gt;That’s where analytics usually comes in — and that’s where the pain starts.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why existing tools annoyed me
&lt;/h2&gt;

&lt;p&gt;I’ve tried them all:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Google Analytics&lt;/strong&gt; — bloated, weird UI, needs a cookie banner, feels creepy
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Fathom / Plausible&lt;/strong&gt; — solid, but pricing adds up if you’ve got 10+ small projects
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Matomo&lt;/strong&gt; — too heavy, and self-hosting just drains my soul
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Server logs&lt;/strong&gt; — noisy and not enough insight&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;All I wanted was:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;pageviews
&lt;/li&gt;
&lt;li&gt;top paths
&lt;/li&gt;
&lt;li&gt;referrers
&lt;/li&gt;
&lt;li&gt;device types
&lt;/li&gt;
&lt;li&gt;country-level location
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;...and I wanted that without cookies, fingerprinting, or sketchy tracking.&lt;/p&gt;




&lt;h2&gt;
  
  
  So I built my own thing
&lt;/h2&gt;

&lt;p&gt;It’s called &lt;a href="https://satsu.pro" rel="noopener noreferrer"&gt;Satsu&lt;/a&gt;.&lt;br&gt;&lt;br&gt;
It’s free. No cookies. No fingerprinting. No GDPR drama. Just a small JS snippet and a clean, fast dashboard.&lt;/p&gt;

&lt;p&gt;I built it for myself, but figured: maybe other devs feel this pain too?&lt;/p&gt;




&lt;h2&gt;
  
  
  The reality check
&lt;/h2&gt;

&lt;p&gt;So far?&lt;br&gt;&lt;br&gt;
7 users.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;One is me
&lt;/li&gt;
&lt;li&gt;Three are friends
&lt;/li&gt;
&lt;li&gt;Two are the same guy
&lt;/li&gt;
&lt;li&gt;One probably came from Reddit 😅&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Turns out: &lt;strong&gt;building something useful ≠ people will use it&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  What I'm learning
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Devs love tools, but they don't switch unless the pain is &lt;em&gt;really&lt;/em&gt; big
&lt;/li&gt;
&lt;li&gt;Being “free” isn’t enough
&lt;/li&gt;
&lt;li&gt;YouTube comments &amp;gt; Reddit for conversion
&lt;/li&gt;
&lt;li&gt;Product Hunt needs an aged account 😭
&lt;/li&gt;
&lt;li&gt;Marketing is an actual skill
&lt;/li&gt;
&lt;li&gt;Launching is not the same as getting users&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  What now?
&lt;/h2&gt;

&lt;p&gt;I'm gonna keep building, iterating, and seeing where it goes.&lt;br&gt;&lt;br&gt;
Even if Satsu ends up being just for me — that's still a win.&lt;/p&gt;

&lt;p&gt;But if you're also someone who:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;builds way too many side projects
&lt;/li&gt;
&lt;li&gt;hates cookie banners
&lt;/li&gt;
&lt;li&gt;just wants to know if someone showed up&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Then &lt;a href="https://satsu.pro" rel="noopener noreferrer"&gt;Satsu&lt;/a&gt; might be useful to you too.&lt;/p&gt;

&lt;p&gt;Would love to hear how &lt;em&gt;you&lt;/em&gt; track your small projects — or if you even bother at all.&lt;/p&gt;

&lt;p&gt;Let’s talk!&lt;/p&gt;

</description>
      <category>buildinpublic</category>
      <category>webdev</category>
      <category>privacy</category>
      <category>indiedev</category>
    </item>
  </channel>
</rss>
