Gifs and other resources start downloading and playing right away and are extremely heavy :|

When an image is being rendered smaller than the original, ideally upon hovering it would render a 🔍 cursor, and upon tapped, we render the large image version in a lightbox.

This would apply to both images embedded in tweets and otherwise.

I'm seeing some permissions errors:
permission_denied at /views/foo: Client doesn't have permission to access the desired data. Could you share your firebase database rules json? Do you open up read/write to public for this? Thanks!

I took lots of design and some development (css for projects page and fonts) inspiration from your site for my own, but just noticed your repo doesn't have a license.

Is this okay with you? I'd be happy to change mine if you are not comfortable with my usage.

Context

Initially I thought the overflow-x issue included all the blog posts but it was only for the latest blog post Static Hoisting

That led me to believe that the issue wasn't in the default styles of the website but rather something specific in the 'Static Hoisting' blog post.

The bug happens due to the following code on static-hoisting.js

<div style={{ marginTop: "30px", height: "710px" }}>
      <div
        style={{
          position: "absolute",
          left: 0,
          width: "100vw",
          background: "#eee",
          padding: "30px 0 35px",
          display: "flex",
          alignItems: "center",
          justifyContent: "center"
        }}
      >
        <div className="mobile-diagram-wrapper">
          <Diagram />
        </div>
      </div>
    </div>

As far as I understand, the fact that we have a vertical-scrolling bar means that width: 100vw will exceed the available screen size because of the vertical scrolling bar taking a finite amount of space.

While not an absolute authority, Stackoverflow seems to support my assertion.

My suggested fix would be simply using

max-width: 100%

Although it is only a two character change I'm submitting a PR so I can include this under my resume/achievements.

Hi, how use the soket.io with next.js 13

Should we change (res.info.match(/^h2/)) to (res.info.includes("h2")) (ES6) ?

Just curious.

Whenever I click one of the essay links, it takes multiple seconds for anything to happen (usually 3), there is no feedback for this, so when it first happened, it took long enough for me to think clicking was broken, and I started cmd-clicking the different links, only after a few more seconds to go back to the original tab and noticed it had finally changed article.

I saw you had a tweet for using Rico's progress bar thing, that would go a log way.

For several of my own apps, I would do a gradual fade out of opacity for the page which works just as well: https://github.com/browserstate/ajaxify/blob/f086e25d691f0a2da39427369063c4324c134d7d/ajaxify-html5.js#L112-L115

/slackin is missing 😢

• URL: https://rauchg.com/slackin
• Refer from: https://github.com/rauchg/slackin/blob/7b6d247b245b2433b973aecbc01fa8b12c405019/lib/splash.js#L54

Please consider restoring the page or redirect to GitHub repo page.

Secondly, if a medium-like content editor was made, that also supported your react components, would you use it?

can not open article pages in mobile terminal

Some images of tweets' authors in those posts (e.g: https://rauchg.com/2021/making-the-web-faster and https://rauchg.com/2020/next-for-vercel) are broken as following. This issue does not happen when I run it locally.

So I can subscribe to those sweet words of wisdom

The view counter (1350 as of this writing) doesn't always flash yellow on desktop (macOS Chrome) but seems to flash yellow every time on mobile (iOS 10.2 Safari).

Vercel CLI 30.2.3

Running Dev Command “next dev --port $PORT”
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
Ready! Available at http://localhost:3000
warn - You have enabled experimental features (appDir, mdxRs) in next.config.js.
warn - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.

info - Thank you for testing appDir please leave your feedback at https://nextjs.link/app-feedback
event - compiled client and server successfully in 1119 ms (262 modules)
wait - compiling...
event - compiled client and server successfully in 174 ms (262 modules)
wait - compiling /middleware (client and server)...
event - compiled successfully in 172 ms (59 modules)
wait - compiling /page (client and server)...
event - compiled client and server successfully in 2.2s (797 modules)
error - node_modules/@upstash/redis/esm/platforms/nodejs.js (27:36) @ startsWith
error - Error [TypeError]: Cannot read properties of undefined (reading 'startsWith')
at new Redis (webpack-internal:///(sc_server)/./node_modules/@upstash/redis/esm/platforms/nodejs.js:30:37)
at eval (webpack-internal:///(sc_server)/./app/redis.ts:7:15)
at (sc_server)/./app/redis.ts (/Users/alita/Downloads/blogtest/blog/.next/server/app/page.js:1921:1)
at webpack_require (/Users/alita/Downloads/blogtest/blog/.next/server/webpack-runtime.js:33:42)
at eval (webpack-internal:///(sc_server)/./app/get-posts.ts:6:64)
at (sc_server)/./app/get-posts.ts (/Users/alita/Downloads/blogtest/blog/.next/server/app/page.js:1844:1)
at webpack_require (/Users/alita/Downloads/blogtest/blog/.next/server/webpack-runtime.js:33:42)
at eval (webpack-internal:///(sc_server)/./app/page.tsx:9:68)
at (sc_server)/./app/page.tsx (/Users/alita/Downloads/blogtest/blog/.next/server/app/page.js:1899:1)
at Function.webpack_require (/Users/alita/Downloads/blogtest/blog/.next/server/webpack-runtime.js:33:42) {
digest: undefined
}
null

I have followed this tutorial https://learnnextjs.com/excel/static-html-export to export your website to this https://mrwullah.github.io/wu/.

Now I made some changes into the website title and urls which didn't reflect from here: https://github.com/mrwullah/wu

Then I made changes offline, and uploaded it to: https://github.com/mrwullah/min which hides my 'out' folder entirely. These changes are reflected in localhost machine.

Please advise accordingly.

https://validator.w3.org/feed/check.cgi?url=https%3A%2F%2Frauchg.com%2Fatom

I suspect it has to do with being able to art direct individual posts if you'd like, but I'm curious either way.

"StackOverflow in 4096 bytes" -> https://varvy.com/pagespeed/prioritize-visible-content.html
"SPDY or HTTP/2 server push" -> http://danlec.com/blog/stackoverflow-in-4096-bytes

YouTube video embeds should pre-render as the embedded poster, using next/image. The expensive YouTube video code should be loaded lazily.

Basically a pre-renderable version of https://paulirish.github.io/lite-youtube-embed/

• Breaklines are all gone, which makes tweets render really poorly.
• Mentions are not linkable anymore

just found your blog via twitter, and would love to see a an rss feed so I can read from my reader and don't have to check back once in a while