<?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>Forem: syed shabeh</title>
    <description>The latest articles on Forem by syed shabeh (@s_shabeh).</description>
    <link>https://forem.com/s_shabeh</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%2F3646723%2F49805b56-0136-455f-bd77-9584d158afae.png</url>
      <title>Forem: syed shabeh</title>
      <link>https://forem.com/s_shabeh</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/s_shabeh"/>
    <language>en</language>
    <item>
      <title>Will Next.js Dominate Web Development in the Long Run?</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Mon, 30 Mar 2026 14:17:39 +0000</pubDate>
      <link>https://forem.com/s_shabeh/will-nextjs-dominate-web-development-in-the-long-run-3kae</link>
      <guid>https://forem.com/s_shabeh/will-nextjs-dominate-web-development-in-the-long-run-3kae</guid>
      <description>&lt;p&gt;Next.js has rapidly become a go-to framework for building modern web applications. Its server-side rendering, static site generation, and API routes make development faster and SEO-friendly.&lt;/p&gt;

&lt;p&gt;But dominance isn’t guaranteed. While Next.js offers efficiency and a great developer experience, competing frameworks like Remix, Nuxt, and Astro are innovating fast.&lt;/p&gt;

&lt;p&gt;As developers, the key isn’t picking a single “winner” - it’s adapting to the right tools for each project. In my experience, Next.js is an incredible tool today, but long-term web dev success comes from flexibility, not allegiance.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>React vs Next.js - What’s the Real Difference?</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Thu, 05 Mar 2026 16:26:42 +0000</pubDate>
      <link>https://forem.com/s_shabeh/react-vs-nextjs-whats-the-real-difference-3hkb</link>
      <guid>https://forem.com/s_shabeh/react-vs-nextjs-whats-the-real-difference-3hkb</guid>
      <description>&lt;p&gt;If you're working in modern web development, you've probably seen this question everywhere:&lt;/p&gt;

&lt;p&gt;Should you use React or Next.js?&lt;/p&gt;

&lt;p&gt;The answer becomes clearer once you understand what each tool actually does.&lt;/p&gt;

&lt;p&gt;React is a JavaScript library focused on building user interfaces. It gives developers the ability to create reusable components and manage UI state efficiently.&lt;/p&gt;

&lt;p&gt;However, React alone does not provide many things required for a production-level application. For example, routing, server rendering, API handling, and optimization usually require additional libraries.&lt;/p&gt;

&lt;p&gt;Next.js solves this by acting as a framework built on top of React.&lt;/p&gt;

&lt;p&gt;Instead of assembling multiple tools, Next.js provides a structured environment where many important features come built in.&lt;/p&gt;

&lt;p&gt;One of the biggest differences is rendering.&lt;/p&gt;

&lt;p&gt;React applications typically rely on Client Side Rendering. The browser downloads JavaScript first and then renders the UI.&lt;/p&gt;

&lt;p&gt;Next.js introduces multiple rendering strategies such as Server Side Rendering, Static Site Generation, and Incremental Static Regeneration. These approaches improve SEO, performance, and scalability.&lt;/p&gt;

&lt;p&gt;Another major advantage is routing.&lt;/p&gt;

&lt;p&gt;In React, developers usually install and configure React Router manually. In Next.js, routing is automatically handled through the file system. Creating a new page is as simple as creating a file inside the pages or app directory.&lt;/p&gt;

&lt;p&gt;Next.js also includes features that React developers usually configure separately.&lt;/p&gt;

&lt;p&gt;Image optimization is built in, which automatically resizes and lazy loads images.&lt;/p&gt;

&lt;p&gt;API routes allow developers to write backend endpoints directly inside the same project.&lt;/p&gt;

&lt;p&gt;Middleware enables authentication, redirects, and request processing at the edge.&lt;/p&gt;

&lt;p&gt;Because of these features, Next.js is widely used for SaaS platforms, startup products, and SEO-focused applications.&lt;/p&gt;

&lt;p&gt;React, however, still remains the core technology behind it. Learning React deeply is still essential for any frontend developer.&lt;/p&gt;

&lt;p&gt;The best way to think about it is this.&lt;/p&gt;

&lt;p&gt;React gives you the tools to build components.&lt;/p&gt;

&lt;p&gt;Next.js gives you the architecture to build a complete application.&lt;/p&gt;

&lt;p&gt;Both are powerful, but together they form one of the most dominant stacks in modern web development.&lt;/p&gt;

</description>
      <category>react</category>
      <category>nextjs</category>
      <category>programming</category>
      <category>development</category>
    </item>
    <item>
      <title>Is Freelancing Better Than a Full-Time Dev Job in 2026?</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Thu, 26 Feb 2026 14:43:04 +0000</pubDate>
      <link>https://forem.com/s_shabeh/is-freelancing-better-than-a-full-time-dev-job-in-2026-20jh</link>
      <guid>https://forem.com/s_shabeh/is-freelancing-better-than-a-full-time-dev-job-in-2026-20jh</guid>
      <description>&lt;p&gt;The developer career path in 2026 looks very different from a few years ago. Remote work is normal. AI boosts productivity. Clients and companies are global.&lt;/p&gt;

&lt;p&gt;So the big question keeps coming up:&lt;br&gt;
&lt;strong&gt;freelancing or full-time employment?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Freelancing advantages:&lt;/strong&gt;&lt;br&gt;
1-Flexible schedule and location&lt;br&gt;
2-Potentially higher income&lt;br&gt;
3-Choice of projects and clients&lt;br&gt;
4-Faster skill diversification&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Freelancing challenges:&lt;/strong&gt;&lt;br&gt;
1-Income instability&lt;br&gt;
2-No paid leaves or job security&lt;br&gt;
3-Self-managed taxes, contracts, and growth&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Full-time job advantages:&lt;/strong&gt;&lt;br&gt;
1-Stable income&lt;br&gt;
2-Team collaboration and mentorship&lt;br&gt;
3-Clear career progression&lt;br&gt;
4-Less operational stress&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Full-time job challenges:&lt;/strong&gt;&lt;br&gt;
1-Fixed schedules&lt;br&gt;
2-Limited project variety&lt;br&gt;
3-Slower income growth for some roles&lt;/p&gt;

&lt;p&gt;In 2026, success isn’t about choosing the “right” path.&lt;br&gt;
It’s about choosing the path that matches your goals, lifestyle, and tolerance for risk.&lt;/p&gt;

&lt;p&gt;Some developers thrive as freelancers.&lt;br&gt;
Others perform best in structured teams.&lt;/p&gt;

&lt;p&gt;Both are valid. Both can succeed.&lt;/p&gt;

&lt;p&gt;What’s your preference - and why?&lt;/p&gt;

</description>
      <category>freelance</category>
      <category>developers</category>
      <category>programming</category>
      <category>beginners</category>
    </item>
    <item>
      <title>[Boost]</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Wed, 18 Feb 2026 09:31:55 +0000</pubDate>
      <link>https://forem.com/s_shabeh/-1f70</link>
      <guid>https://forem.com/s_shabeh/-1f70</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/umairarshad-dev" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&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%2Fuser%2Fprofile_image%2F2808718%2Fc2d13f4b-af0e-44dc-bd0c-f1675d44f74e.png" alt="umairarshad-dev"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/umairarshad-dev/--56i1" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;𝐀𝐈 𝐜𝐚𝐧 𝐰𝐫𝐢𝐭𝐞 𝐜𝐨𝐝𝐞, 𝐛𝐮𝐭 𝐢𝐭 𝐜𝐚𝐧𝐧𝐨𝐭 𝐫𝐞𝐩𝐥𝐚𝐜𝐞 𝐬𝐤𝐢𝐥𝐥𝐞𝐝 𝐝𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫𝐬.&lt;/h2&gt;
      &lt;h3&gt;Muhammad Umair Arshad ・ Feb 18&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#ai&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#programming&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#productivity&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>ai</category>
      <category>programming</category>
      <category>webdev</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Accountability in AI-Generated Code: Who Takes the Fall?</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Tue, 17 Feb 2026 15:30:15 +0000</pubDate>
      <link>https://forem.com/s_shabeh/accountability-in-ai-generated-code-who-takes-the-fall-40db</link>
      <guid>https://forem.com/s_shabeh/accountability-in-ai-generated-code-who-takes-the-fall-40db</guid>
      <description>&lt;p&gt;As AI becomes capable of generating production software, a pressing question emerges: who is responsible if that code fails or causes harm?&lt;/p&gt;

&lt;p&gt;Developers might rely on AI for efficiency, but mistakes can happen. Should the human developer bear the responsibility? Or should companies that deploy AI-written code be accountable? Maybe even the AI creators?&lt;/p&gt;

&lt;p&gt;This isn’t just theoretical-by 2026, laws and ethics around AI-generated software could reshape programming careers.&lt;/p&gt;

&lt;p&gt;💬 I’m curious: How should the industry define responsibility in the age of AI coding?&lt;/p&gt;

</description>
      <category>devto</category>
      <category>ai</category>
      <category>programming</category>
      <category>developers</category>
    </item>
    <item>
      <title>Should Developers Rely on AI Code Generation in Production Systems?</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Wed, 04 Feb 2026 16:07:00 +0000</pubDate>
      <link>https://forem.com/s_shabeh/should-developers-rely-on-ai-code-generation-in-production-systems-59j6</link>
      <guid>https://forem.com/s_shabeh/should-developers-rely-on-ai-code-generation-in-production-systems-59j6</guid>
      <description>&lt;p&gt;AI code generators have evolved from autocomplete tools into systems capable of writing entire features. This raises a serious question for modern software teams: should AI-generated code be trusted in production?&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Where AI shines&lt;/strong&gt;&lt;br&gt;
Rapid scaffolding and boilerplate generation&lt;br&gt;
Helping developers explore unfamiliar libraries or frameworks&lt;br&gt;
Improving productivity for repetitive tasks&lt;br&gt;
Accelerating prototyping and MVP development&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Where AI falls short&lt;/strong&gt;&lt;br&gt;
Limited understanding of business-specific context&lt;br&gt;
Potential security and performance issues&lt;br&gt;
Lack of accountability for decisions&lt;br&gt;
Can produce correct-looking but logically flawed code&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The balanced approach&lt;/strong&gt;&lt;br&gt;
AI should be treated like a powerful junior assistant:&lt;br&gt;
Developers remain responsible for design and decisions&lt;br&gt;
Code reviews and testing are mandatory&lt;br&gt;
Critical systems require human validation&lt;br&gt;
Understanding &amp;gt; speed&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Final thought&lt;/strong&gt;&lt;br&gt;
AI is not the problem.&lt;br&gt;
Blind trust is.&lt;/p&gt;

&lt;p&gt;Production systems need ownership, clarity, and engineering judgment.&lt;br&gt;
AI can help write code - but developers must still own it.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>automation</category>
      <category>programming</category>
      <category>webdev</category>
    </item>
    <item>
      <title>[Boost]</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Mon, 26 Jan 2026 12:39:38 +0000</pubDate>
      <link>https://forem.com/s_shabeh/-1p4i</link>
      <guid>https://forem.com/s_shabeh/-1p4i</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/umairarshad-dev" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&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%2Fuser%2Fprofile_image%2F2808718%2Fc2d13f4b-af0e-44dc-bd0c-f1675d44f74e.png" alt="umairarshad-dev"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/umairarshad-dev/--1p4b" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;𝐘𝐨𝐮𝐫 𝐆𝐫𝐨𝐰𝐭𝐡 𝐈𝐬𝐧’𝐭 𝐢𝐧 𝐓𝐮𝐭𝐨𝐫𝐢𝐚𝐥𝐬 𝐈𝐭’𝐬 𝐢𝐧 𝐏𝐫𝐨𝐣𝐞𝐜𝐭𝐬&lt;/h2&gt;
      &lt;h3&gt;Muhammad Umair Arshad ・ Jan 26&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#programming&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#productivity&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Can You Become a Good Programmer Without DSA?</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Mon, 26 Jan 2026 12:37:05 +0000</pubDate>
      <link>https://forem.com/s_shabeh/can-you-become-a-good-programmer-without-dsa-28h6</link>
      <guid>https://forem.com/s_shabeh/can-you-become-a-good-programmer-without-dsa-28h6</guid>
      <description>&lt;p&gt;This question continues to divide the programming community in 2026.&lt;/p&gt;

&lt;p&gt;Short answer&lt;br&gt;
Yes, you can.&lt;/p&gt;

&lt;p&gt;Long answer&lt;br&gt;
It depends on the type of programmer you want to become.&lt;/p&gt;

&lt;p&gt;Why DSA is considered important:&lt;br&gt;
1-Improves logical and analytical thinking&lt;br&gt;
2-Helps write efficient and scalable code&lt;br&gt;
3-Still central to hiring processes at many companies&lt;/p&gt;

&lt;p&gt;Why many developers succeed without strong DSA:&lt;br&gt;
1-Real world development focuses more on frameworks and tools&lt;br&gt;
2-Most daily tasks involve debugging, feature development, and collaboration&lt;br&gt;
3-Frontend and product focused roles rarely require complex        algorithms&lt;br&gt;
4-AI tools now assist with optimization and code generation&lt;/p&gt;

&lt;p&gt;A balanced perspective:&lt;br&gt;
1-You do not need DSA to start programming&lt;br&gt;
2-You do not need DSA to build useful projects&lt;br&gt;
3-Basic DSA knowledge becomes valuable when working on 4-performance, scale, or interviews&lt;/p&gt;

&lt;p&gt;Final thought&lt;br&gt;
DSA is not a barrier to entry.&lt;br&gt;
It is a skill that becomes useful at specific stages of a developer’s career.&lt;/p&gt;

&lt;p&gt;Share your journey and thoughts in the comments.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Will Remote Developer Jobs Decrease Due to AI Productivity?</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Mon, 19 Jan 2026 12:42:09 +0000</pubDate>
      <link>https://forem.com/s_shabeh/will-remote-developer-jobs-decrease-due-to-ai-productivity-600</link>
      <guid>https://forem.com/s_shabeh/will-remote-developer-jobs-decrease-due-to-ai-productivity-600</guid>
      <description>&lt;p&gt;AI-powered tools are changing how fast developers can ship software.&lt;br&gt;
Tasks that once took days now take hours.&lt;/p&gt;

&lt;p&gt;Naturally, this raises concern:&lt;br&gt;
&lt;strong&gt;If one developer can do more, will companies hire fewer - especially remotely?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The reality:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;AI doesn’t replace developers.&lt;br&gt;
It replaces &lt;strong&gt;manual effort.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;What still requires humans:&lt;/p&gt;

&lt;p&gt;System design decisions&lt;br&gt;
Understanding business requirements&lt;br&gt;
Handling edge cases&lt;br&gt;
Ownership and accountability&lt;br&gt;
Collaboration across teams&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What will change:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Companies may hire &lt;strong&gt;fewer juniors&lt;/strong&gt;&lt;br&gt;
Expectations from remote developers will increase&lt;br&gt;
Productivity will matter more than hours worked&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The winning remote developer in 2026:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Knows how to use AI effectively&lt;br&gt;
Thinks in systems, not just syntax&lt;br&gt;
Can communicate, design, and deliver independently&lt;/p&gt;

&lt;p&gt;Remote work isn’t shrinking -&lt;br&gt;
&lt;strong&gt;the bar is rising.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;AI isn’t ending remote jobs.&lt;br&gt;
It’s filtering them.&lt;/p&gt;

</description>
      <category>remotejob</category>
      <category>ai</category>
      <category>programming</category>
      <category>developers</category>
    </item>
    <item>
      <title>Building SS7 Store, A Modern E-Commerce Platform with Next.js</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Tue, 13 Jan 2026 16:13:15 +0000</pubDate>
      <link>https://forem.com/s_shabeh/building-ss7-store-a-modern-e-commerce-platform-with-nextjs-3nla</link>
      <guid>https://forem.com/s_shabeh/building-ss7-store-a-modern-e-commerce-platform-with-nextjs-3nla</guid>
      <description>&lt;p&gt;I recently built &lt;strong&gt;SS7 Store&lt;/strong&gt;, an e-commerce platform designed to test and validate complete shopping and payment workflows.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Tech Stack&lt;/strong&gt;&lt;br&gt;
Next.js&lt;br&gt;
TypeScript&lt;br&gt;
Supabase&lt;br&gt;
Stripe (test payment integration)&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Implemented Features&lt;/strong&gt;&lt;br&gt;
Product listing&lt;br&gt;
Add to cart functionality&lt;br&gt;
Buy now flow with full order tracking&lt;br&gt;
Bank payment method&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This project is created for survey and functionality testing purposes only and is not intended for production use.&lt;/p&gt;

&lt;p&gt;This build helped me explore real-world e-commerce logic, payment flows, and backend integration using Supabase.&lt;/p&gt;

&lt;p&gt;Feedback and suggestions are welcome 🙌&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>supabase</category>
      <category>stripe</category>
      <category>ecommerce</category>
    </item>
    <item>
      <title>Is Learning Programming Without a Computer Science Degree Realistic?</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Mon, 12 Jan 2026 10:02:48 +0000</pubDate>
      <link>https://forem.com/s_shabeh/is-learning-programming-without-a-computer-science-degree-realistic-4f16</link>
      <guid>https://forem.com/s_shabeh/is-learning-programming-without-a-computer-science-degree-realistic-4f16</guid>
      <description>&lt;p&gt;The tech world has changed-and so has the path to becoming a programmer.&lt;/p&gt;

&lt;p&gt;Today, many successful developers are:&lt;br&gt;
Self-taught&lt;br&gt;
Boot camp graduates&lt;br&gt;
Career switchers&lt;/p&gt;

&lt;p&gt;They prove that projects, problem-solving skills, and consistency can open doors without a formal CS degree.&lt;/p&gt;

&lt;p&gt;However, a Computer Science degree still offers:&lt;br&gt;
Strong foundations (DSA, OS, networking)&lt;br&gt;
Structured learning paths&lt;br&gt;
Easier entry into some traditional companies&lt;/p&gt;

&lt;p&gt;So, what’s the truth?&lt;br&gt;
A CS degree is helpful, but it’s no longer mandatory.&lt;/p&gt;

&lt;p&gt;In modern development:&lt;br&gt;
Skills + Projects + Learning mindset &amp;gt; Degree alone&lt;/p&gt;

&lt;p&gt;What’s your journey?&lt;br&gt;
Are you self-taught, degree-holder, or somewhere in between?&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;#Programming&lt;/strong&gt; &lt;strong&gt;#WebDevelopment&lt;/strong&gt; &lt;strong&gt;#SelfTaughtDev&lt;/strong&gt; &lt;strong&gt;#ComputerScience&lt;/strong&gt; &lt;strong&gt;#CareerSwitch&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>programming</category>
      <category>computerscience</category>
      <category>developers</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Building an Animated Portfolio with GSAP, Next.js, and pnpm</title>
      <dc:creator>syed shabeh</dc:creator>
      <pubDate>Tue, 06 Jan 2026 12:05:37 +0000</pubDate>
      <link>https://forem.com/s_shabeh/building-an-animated-portfolio-with-gsap-nextjs-and-pnpm-cpo</link>
      <guid>https://forem.com/s_shabeh/building-an-animated-portfolio-with-gsap-nextjs-and-pnpm-cpo</guid>
      <description>&lt;p&gt;I recently built my personal portfolio, focusing on fluid animations, scalability, and developer experience.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why this stack?&lt;/strong&gt;&lt;br&gt;
Next.js for server + client rendering and modern routing&lt;br&gt;
TypeScript for safety and maintainability&lt;br&gt;
GSAP for timeline-based animations and scroll interactions&lt;br&gt;
pnpm for faster installs, disk efficiency, and monorepo/workspace scripting&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Features I implemented:&lt;/strong&gt;&lt;br&gt;
Hero text animation using GSAP timeline orchestration&lt;br&gt;
Scroll-triggered sections with GSAP ScrollTrigger&lt;br&gt;
Modular component structure for easy updates&lt;br&gt;
Workspace scripts using pnpm workspaces&lt;br&gt;
Fully responsive and optimized UI&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;pnpm advantages I loved:&lt;/strong&gt;&lt;br&gt;
Ultra-fast dependency resolution&lt;br&gt;
No node_modules bloat&lt;br&gt;
Workspace scripting made project structure cleaner&lt;br&gt;
Better performance in CI/CD pipelines&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;GSAP power:&lt;/strong&gt;&lt;br&gt;
Instead of CSS keyframes, I used GSAP timelines to choreograph animations with precise control, which made complex sequences feel effortless.&lt;/p&gt;

&lt;p&gt;Would love to connect with others building motion-rich frontends!&lt;br&gt;
Let me know what you're working on.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Checkout:&lt;/strong&gt; &lt;a href="https://syedshabeh-dev.vercel.app" rel="noopener noreferrer"&gt;portfolio&lt;/a&gt;&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>typescript</category>
      <category>gsap</category>
      <category>frontend</category>
    </item>
  </channel>
</rss>
