<?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: Haseeb MernStack</title>
    <description>The latest articles on DEV Community by Haseeb MernStack (@haseeb_mernstack).</description>
    <link>https://dev.to/haseeb_mernstack</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2504885%2F425cbe52-b2ac-4dc3-8762-b839bb3f96f8.png</url>
      <title>DEV Community: Haseeb MernStack</title>
      <link>https://dev.to/haseeb_mernstack</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/haseeb_mernstack"/>
    <language>en</language>
    <item>
      <title>I open-sourced Commune: a TypeScript MERN community platform you can fork and build on</title>
      <dc:creator>Haseeb MernStack</dc:creator>
      <pubDate>Sun, 18 Oct 2026 12:19:19 +0000</pubDate>
      <link>https://dev.to/haseeb_mernstack/i-open-sourced-commune-a-typescript-mern-community-platform-you-can-fork-and-build-on-383</link>
      <guid>https://dev.to/haseeb_mernstack/i-open-sourced-commune-a-typescript-mern-community-platform-you-can-fork-and-build-on-383</guid>
      <description>&lt;p&gt;I wanted a full-stack project that goes beyond a todo app, something with real&lt;br&gt;
authentication, real data modeling and a structure other developers could learn from.&lt;br&gt;
So I built &lt;strong&gt;Commune&lt;/strong&gt;, an open source community platform on the MERN stack, and I'm&lt;br&gt;
releasing it today.&lt;/p&gt;

&lt;p&gt;🔗 &lt;strong&gt;GitHub:&lt;/strong&gt; &lt;a href="https://github.com/Haseeb-MernStack/commune.git" rel="noopener noreferrer"&gt;https://github.com/Haseeb-MernStack/commune.git&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What it is
&lt;/h2&gt;

&lt;p&gt;Commune is a TypeScript monorepo with a React frontend, an Express + MongoDB backend&lt;br&gt;
and a shared package for validation and types.&lt;/p&gt;

&lt;h2&gt;
  
  
  What's inside
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Secure auth:&lt;/strong&gt; short-lived JWT access tokens plus rotating httpOnly refresh cookies.
Refresh tokens are stored as SHA-256 hashes with a TTL index.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Posts, comments and likes:&lt;/strong&gt; with cursor-based pagination and a database-enforced
one-like-per-user rule.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Shared Zod schemas:&lt;/strong&gt; the same validation runs in the browser and on the server, so
the two never drift apart.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Hardening:&lt;/strong&gt; Helmet, CORS, rate limiting, body size limits and centralized error
handling.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tooling:&lt;/strong&gt; Docker Compose for MongoDB and the API, plus a GitHub Actions workflow.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Tech stack
&lt;/h2&gt;

&lt;p&gt;React 18 · Vite · TanStack Query · Express · Mongoose · Zod · TypeScript · Docker&lt;/p&gt;

&lt;h2&gt;
  
  
  Run it locally
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/Haseeb-MernStack/commune.git
&lt;span class="nb"&gt;cd &lt;/span&gt;commune
&lt;span class="nb"&gt;cp&lt;/span&gt; .env.example .env
docker compose up &lt;span class="nt"&gt;-d&lt;/span&gt; mongo
npm &lt;span class="nb"&gt;install
&lt;/span&gt;npm run dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The API runs on &lt;code&gt;localhost:4000&lt;/code&gt; and the web app on &lt;code&gt;localhost:5173&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Where I'd love your help
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Follows and a personalized feed&lt;/li&gt;
&lt;li&gt;Image uploads&lt;/li&gt;
&lt;li&gt;Real-time notifications&lt;/li&gt;
&lt;li&gt;Moderation tools&lt;/li&gt;
&lt;li&gt;More tests, especially database-backed ones&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I've labeled a few issues &lt;code&gt;good first issue&lt;/code&gt; so it's easy to jump in. If you're&lt;br&gt;
looking for your first open source contribution, this is a friendly place to start.&lt;/p&gt;

&lt;h2&gt;
  
  
  Feedback welcome
&lt;/h2&gt;

&lt;p&gt;What would you build first? What would you change in the architecture? Tell me in the&lt;br&gt;
comments, and if the project is useful to you, a ⭐ on GitHub means a lot.&lt;/p&gt;

</description>
      <category>typescript</category>
      <category>opensource</category>
      <category>react</category>
      <category>node</category>
    </item>
    <item>
      <title>Follow me on Instagram</title>
      <dc:creator>Haseeb MernStack</dc:creator>
      <pubDate>Mon, 18 May 2026 08:03:03 +0000</pubDate>
      <link>https://dev.to/haseeb_mernstack/follow-me-on-instagram-5hm2</link>
      <guid>https://dev.to/haseeb_mernstack/follow-me-on-instagram-5hm2</guid>
      <description>&lt;p&gt;&lt;a href="https://www.instagram.com/haseeb_mernstack/" rel="noopener noreferrer"&gt;https://www.instagram.com/haseeb_mernstack/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>opensource</category>
      <category>discuss</category>
    </item>
    <item>
      <title>DevLaunch</title>
      <dc:creator>Haseeb MernStack</dc:creator>
      <pubDate>Wed, 11 Feb 2026 17:25:52 +0000</pubDate>
      <link>https://dev.to/haseeb_mernstack/devlaunch-2723</link>
      <guid>https://dev.to/haseeb_mernstack/devlaunch-2723</guid>
      <description>&lt;p&gt;I built a free modern &lt;strong&gt;SaaS landing page&lt;/strong&gt; template using pure &lt;strong&gt;HTML, CSS &amp;amp; JS&lt;/strong&gt;. &lt;em&gt;Open source&lt;/em&gt;. &lt;/p&gt;

&lt;p&gt;Repo Link 👉 &lt;a href="https://github.com/Haseeb-MernStack/devlaunch-modern-saas-template" rel="noopener noreferrer"&gt;https://github.com/Haseeb-MernStack/devlaunch-modern-saas-template&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Live 👉 &lt;a href="https://haseeb-mernstack.github.io/devlaunch-modern-saas-template/" rel="noopener noreferrer"&gt;https://haseeb-mernstack.github.io/devlaunch-modern-saas-template/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffku4h4n0jc10eacvxywy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffku4h4n0jc10eacvxywy.png" alt=" " width="800" height="383"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1uwq8fotx68lstpuudp7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1uwq8fotx68lstpuudp7.png" alt=" " width="800" height="379"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn50rzmykun46z7jtbmf9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn50rzmykun46z7jtbmf9.png" alt=" " width="800" height="380"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkp8oqlm18rbvllkz8vgu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkp8oqlm18rbvllkz8vgu.png" alt=" " width="800" height="378"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcyedh5ihuvqwfgf0oys9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcyedh5ihuvqwfgf0oys9.png" alt=" " width="800" height="379"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjs72rjz5x934blnur5ur.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjs72rjz5x934blnur5ur.png" alt=" " width="800" height="377"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqcw0jomn7i4p1vq6ubvf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqcw0jomn7i4p1vq6ubvf.png" alt=" " width="800" height="379"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp5nryt8orui55cttki3j.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp5nryt8orui55cttki3j.png" alt=" " width="800" height="381"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
