<?xml version="1.0" encoding="utf-8"?>
  <rss version="2.0"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:wfw="http://wellformedweb.org/CommentAPI/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:atom="http://www.w3.org/2005/Atom"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:georss="http://www.georss.org/georss"
    xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
  >
    <channel>
      <title>Piccalilli - Performance topic archive</title>
      <link>https://piccalil.li/</link>
      <atom:link href="https://piccalil.li/category/performance.xml" rel="self" type="application/rss+xml" />
      <description>We are Piccalilli. A publication dedicated to providing high quality educational content to level up your front-end skills.</description>
      <language>en-GB</language>
      <copyright>Piccalilli - Performance topic archive 2026</copyright>
      <docs>https://www.rssboard.org/rss-specification</docs>
      <pubDate>Tue, 07 Apr 2026 01:02:03 GMT</pubDate>
      <lastBuildDate>Tue, 07 Apr 2026 01:02:03 GMT</lastBuildDate>

      
      <item>
        <title>Disable client-side React with Next JS</title>
        <link>https://piccalil.li/blog/disable-client-side-react-with-next-js/?ref=performance-category-rss-feed</link>
        <dc:creator><![CDATA[Andy Bell]]></dc:creator>
        <pubDate>Thu, 11 Feb 2021 00:00:00 GMT</pubDate>
        <guid isPermaLink="true">https://piccalil.li/blog/disable-client-side-react-with-next-js/?ref=performance-category-rss-feed</guid>
        <description><![CDATA[<p><a href="https://nextjs.org/">Next JS</a> is a fantastic framework, but it produces some <em>eye-watering</em> client-side JavaScript bundles, thanks to <a href="https://reactjs.org/">React JS</a>’s notorious bundle sizes.</p>
<p>You can completely disable the client-side Javascript bundles with this little snippet:</p>
<pre><code>export const config = {
  unstable_runtimeJS: false
};
</code></pre>
<p>This is an experimental/beta feature, it seems, but I can vouch for how effective it is because <strong>every single page on this site is powered by Next JS and has 0kb of client-side React code</strong>!</p>
<p>Here’s an entire page component with this snippet in context, that you can use as a template for pages that you want client-side JavaScript to be disabled on:</p>
<pre><code>export const config = {
  unstable_runtimeJS: false
};

export default function MyLightweightPage({message}) {
  return (
    &lt;article&gt;
      &lt;p&gt;{message}&lt;/p&gt;
    &lt;/article&gt;
  );
}

export async function getStaticProps() {
  return {
    props: {
      message: 'Hello, world'
    }
  };
}
</code></pre>
        
        ]]></description>
        
      </item>
    
    </channel>
  </rss>
