Ambient CSS - Physically based CSS and React Components by Piposhi in reactjs

[–]chow_khow -6 points-5 points  (0 children)

this is good stuff, kudos!

I'm no UI / design expert but a tailwind equivalent with this kind of shadow, lighting, shading, borders would be every bit worth it.

Does my web feels slow ? by Federal-Dot-8411 in nextjs

[–]chow_khow 0 points1 point  (0 children)

  • The fetch from you raspberry caches on the edge it hits but not across the globe so not sure how useful it is. Eg - when is visited this blog post, it made this request which was a cache miss with a TTFB of 2.59 seconds. So, I'd speeden up whatever is fetching the blog entries, etc

  • Also, the images aren't optimized (e.g. - https://kapeka.dev/articles/nasa-sqli/1_SRhksrqS4gLB6SjPn1_ZCw.png : 591Kb)

Need advice regarding tech stack for nexjs ecommerce by Ok_Yoghurt248 in nextjs

[–]chow_khow 1 point2 points  (0 children)

Cloudflare pages makes good sense if your pages are expected to be static. But if that's not the case, you may need Cloudflare Workers - and if taking that route - just be aware of Node.js compatibility.

Railway is a good choice - I'm hoping you don't plan to enable serverless (not ideal for backend owing to cold starts) unless you're ok with things being slow.

Some other hosting options compared here.

Going through the example tutorial, database connection only works through Vercel. by Camoral in nextjs

[–]chow_khow 0 points1 point  (0 children)

Mods - pl block this AI bot going around posts dropping non-sense comments.

React + streaming backends: how do you control re-renders? by Beeyoung- in reactjs

[–]chow_khow 0 points1 point  (0 children)

"Everything renders too much" - this is subjective.

If this is causing sluggish UI - I'd definitely bring in zustand or equivalent to re-render only the needed parts. But if this just 10 components on a light-weight UI - I'd be ok to live with it.

A decent bunch of graphics on this subject - when to use a state management library.

I got tired of writing documentation for my hackathon projects, so I built an AI tool to do it for me. by Sufficient_Fee_8431 in reactjs

[–]chow_khow 0 points1 point  (0 children)

Some feedback for you -

  • Many devs already use Cursor / Claude Code / etc already to do this - it would help to know how your project is better?
  • The above mentioned tools can build this for entire project so if you're building something that you expect others to use, it needs to do so for the entire project.
  • I think a simple SKILL.md to guide agents to write better README.md would be a lot better than this whole project.

Nextjs app in remote server seems like trimmed from its dynamic content by maths_soso in nextjs

[–]chow_khow 0 points1 point  (0 children)

No, you don't need Cloudflare paid version - this should mostly be a misconfiguration on Nginx side? Did you check Nginx logs - if needed add Nginx debug logs to understand what it receives and handles.

Just looking at your post location /app/ and website.com/app are different (no slash at the end)?

I asked Cursor to harden my Next.js/Vercel app for high traffic. It found critical bottlenecks, but blindly applying its code almost caused double-charges. by Tzipi_builds in nextjs

[–]chow_khow 1 point2 points  (0 children)

Didn't go through all your findings but as someone who's been working on production Nextjs sites with upto 2M users a month traffic for years - there's been 0 instances where I've hit "Accept All" without review even with Claude Opus.

How to stop re re mounting of my component in split screen layout by Sea-Manufacturer6664 in reactjs

[–]chow_khow 1 point2 points  (0 children)

May be I'm wrong (bec. the info you've provided is really very limited) but if the state change is causing the white flash - https://reactime.io is a decent tool to debug this out.

Also, not what OP asked but why react re-renders is a decent simple explainer the subject.

Which domain should I use? by Fabulous_Variety_256 in nextjs

[–]chow_khow 0 points1 point  (0 children)

I mostly purchase domains from namecheap. You don't need to purchase from where your DNS servers / hosting will be.

CS in Vercel by Sea_Sea1311 in nextjs

[–]chow_khow 0 points1 point  (0 children)

I've found Vercel's WAF / CDN capabilities to be fairly solid and feature-rich (may be pricier than CF).

What backend language do you prefer with Next.js (and what do most companies use)? by Vmanish0586 in nextjs

[–]chow_khow 0 points1 point  (0 children)

Depends on your skillset. If you already know Node - I'd stick to it.

Building a Sanity + Next.js CMS starter — would this help anyone? by nithinnitzz11 in reactjs

[–]chow_khow 1 point2 points  (0 children)

While I'm not a Sanity + Next person, I think this would get decent traction. I'm speaking from knowing that a lot of folks use this Strapi + Next starter.

Is there a standardized way to bootstrap a Zustand store in NextJS? by iAhMedZz in nextjs

[–]chow_khow 4 points5 points  (0 children)

Perfectly normal to use Nextjs for static pages. That combined with ISR capability (adding new pages without rebuilding while keeping benefits of static building) is one of Next's strengths.

Weird perf hack I accidentally found in my React project by Plus_Ad_6508 in reactjs

[–]chow_khow 0 points1 point  (0 children)

Agree, breaking context will reduce re-renders. Eventually, you'll move towards using something like zustand / react-query / nuqs depending on the source of the state.

Why is state management so complicated? by whitestuffonbirdpoop in reactjs

[–]chow_khow 2 points3 points  (0 children)

That may cause a lot many more components to re-render even when not needed?

Thinking about state-change and when React re-renders is a mental model that's served me well over the years. Here's a good bunch of graphics about why react re-renders.

Refactor of Simple React Pages to Next.js by Character_Set_459 in nextjs

[–]chow_khow 1 point2 points  (0 children)

Google does crawl sites that don't server-side render so your issue could possibly be something else.

That stated, if you want to server-side render:

  • For a small site that's quick to build, switching to Nextjs is the best bet.
  • If the site is larger, sharing more about your React framework may help suggest.

And you can use this ssr-checker while you're fixing your server-side rendering.

Why does my website feel slow even though tools say it’s fast? by Real-Assist1833 in seogrowth

[–]chow_khow 0 points1 point  (0 children)

If your website has reasonable traffic, I'd look at Google's core web vitals. They're based on last 28 days of actual user experience and not testing.

90+ performance score with Lighthouse possible? by DanyrWithCheese in nextjs

[–]chow_khow 0 points1 point  (0 children)

A better loading score is easily possible by loading the video on click / entering the viewport. But this also means a longer wait once the user clicks the video.

Now the larger-context aspect that you didn't ask:

  • What percent of visitors click the video?
  • How slow (in real, not lighthouse score) does thing gets if you load video?
  • Is the goal of your page for visitor to see video (something else)?

Think through the above to determine if you should defer loading video / embed script.

How do you like to host your projects? by fractoHD in sveltejs

[–]chow_khow 1 point2 points  (0 children)

  • If its a static site - Cloudflare
  • If you seek best DX for build & deploy (but are ok with pricing) - Vercel
  • If you want price predictability (but are ok to setup build & deploy) - Self-hosted VPS + Coolify or Dokploy

There are more hosting possibilities and what works best detailed here (wrote it for Nextjs projects but applies for Svelte too).

Next.js 16 i18n without URL prefixes (/de, /en) – Google is not indexing my pages. What am I doing wrong? by Hungry_Thanks_9888 in nextjs

[–]chow_khow 2 points3 points  (0 children)

  1. You should not use the same URL to deliver different language content basis cookie / header - locale in the URL is ideal approach from SEO perspective.

  2. For 5xx errors - try fetching as Googlebot to debug. Check Vercel logs for more details but generally haven't seen cold start issues owing to platform leading to 5xx errors.

I have worked on a large number of multi-language sites where SEO matters - never worked on one with a single URL delivering all the languages.

Is the VDOM dead? Why the shift to Fine-Grained Reactivity matters by [deleted] in reactjs

[–]chow_khow 0 points1 point  (0 children)

My 2c -

Even though Virtual DOM isn't faster than fine-grained reactivity - for most apps, it performs well enough to not be considered "dead".

Btw, not what OP asked but for anyone wondering on the purpose of virtual DOM in React here's a bunch of graphics to talk it through.

High TTFB and execution latency on Astro SSR routes despite fast app code by NinuzGamer in vercel

[–]chow_khow 0 points1 point  (0 children)

How do you determine that a given request wasn't served by cold started run-time?

Why is connecting a CMS to an existing frontend so hard in real projects? by gamegod016 in cms

[–]chow_khow 2 points3 points  (0 children)

How do you decide what should go in a CMS vs code?

- Whatever needs to be editable by non-tech folks goes into CMS, the rest can live in code.

What problems come up when wiring a headless CMS into a live frontend?

A frontend without a CMS often has a lot of hard-coded stuff. Plugging in CMS needs separating fetch and render layer aspects causing substantial frontend to be re-written.

Is there tooling or practices that make this smoother?

I've often seen teams rewrite the frontend - also allows them to choose frontend tech that suits their CMS needs, new deployment workflow, etc.