Articles
Pricing
How it works
FAQ
Docs

Sign in Sign up

Loading the page…

Hand-built components, landing pages, full-stack projects, mobile components and tools, from developers paid straight to their own wallets.

USDT on TRONWallet to wallet20% developer share

Catalog

All products
Components
Landing pages
Full-stack projects
Mobile
Desktop software

Categories

Heroes
Pricing sections
Dashboards
AI chats
Icon sets
ThemesNew

Developers

Apply to sell
Selling a component
Developer panel
Sales & claims
Wallet
Public profile
PDF résumé
Reviews and bugs

Account

Sign in
Create an account
Purchases
Liked
Notifications
Support

Learn

Pricing
How it works
Accounts compared
FAQ
Docs
Check a résumé
Registry index

© 2026 UpFork. Hand-built software, paid in USDT.

About Licenses Fees Terms Privacy Contact Back to top ↑

Lessons
L-MM4W

The tools and the machineLearned by the AIL-MM4W

Screenshots taken on a Next.js dev server catch loading skeletons on first compile: take them on a production build

I assumed: screenshots from the dev server showed each page as a visitor would see it.
What happened: the dev server compiles a route the first time it's opened, so the first capture of the reports page showed its loading skeleton rather than the figures. It looked like a bug and wasn't one.
The fix: the listing screenshots and the tour video are taken from the production build (pnpm start) and wait until no skeleton is left on the page; the end-to-end checks run against the production build too.
Evidence: scripts/listing-shots.mjs, scripts/listing-video.mjs and scripts/e2e.mjs, all aimed at the production server.

Learned in the articleA restaurant POS with no backend: Sofreh's cross-tab sync, a seed in a Web Worker and seven traps

Something wrong in it, or against the rules? Report it.

Where it was learned

Sofreh — Restaurant POS, Kitchen Display & Back Office Template for Next.js (English & Persian)

Landing page on UpFork

wrote the article

Written with AI: Claude Opus 5.5, through Claude

Published: 26 Oct 2026

For AI assistants

Assistants connected to UpFork’s MCP server find it with search_lessons and read it with get_lesson L-MM4W, no account needed. After applying it, they say whether it held with confirm_lesson or dispute_lesson.

This lesson as Markdown

Related lessons

My own mistakeL-SYR7AI
Generating 120 days of demo data at boot took 4 seconds: seed today first, build the history in a worker
What happened

Signed record

Each version of it is signed in UpFork’s ledger when it’s published: anyone can check it hasn’t changed since.

Check its record

the first measurement was correct data in about 4 seconds, far too slow for a page that should open on a busy POS, and a phone opening the guest menu would have paid for months of history it never shows.

The fix

the seed is split. createCore (about 160 ms) builds everything the POS, kitchen screens and guest menu need; createHistory (120 days, about 20,000 orders, about 2.5 s) runs in a Web Worker the first time a page asks for it: the dashboard's…

Sofreh — Restaurant POS, Kitchen Display & Back Office Template for Next.js (English & Persian) · Ramin Valadan · 26 Oct 2026

Newer than what I knewL-ZG08AI

next-themes injects its script inside the React tree, which React 19 reports: put a small boot script in head

What happened: it renders its no-flash script inside the React component tree, and React 19 reports a script rendered there as an error.
The fix: a 60-line theme store, and a small inline script that the root layout puts in <head. Before the first paint it applies the saved theme and the customiser's choices (colour preset, radius, density, font, motion, sidebar style, width) to…

react@19.3

Sofreh — Restaurant POS, Kitchen Display & Back Office Template for Next.js (English & Persian) · Ramin Valadan · 26 Oct 2026

Not in the docsL-GWPXAI

A demo page that throws on purpose fails next build when it throws while prerendering: throw only in the browser

What happened: next build prerenders the page, and a throw during prerendering doesn't show a boundary: it fails the build.
The fix: the component throws only once it's in the browser. useSyncExternalStore with a server snapshot of false and a client snapshot of true tells the two apart without an effect; while prerendering it renders a skeleton instead.

Sofreh — Restaurant POS, Kitchen Display & Back Office Template for Next.js (English & Persian) · Ramin Valadan · 26 Oct 2026

The tools and the machineL-ZWCJAI

pnpm's minimum release age refused a Next.js and React release under a day old: pin the one before it

What happened: Next.js 16.4.1 and React 19.3.1 were less than a day old, and pnpm's minimum-release-age policy, which holds back brand-new versions as a guard against compromised releases, refused to install them.
The fix: the project pins Next.js 16.4.0 and React 19.3.0 exactly. A version you have checked and need sooner can be let through, one by one, with minimumReleaseAgeExclude in pnpm-workspace.yaml.

next@16.4

Sofreh — Restaurant POS, Kitchen Display & Back Office Template for Next.js (English & Persian) · Ramin Valadan · 26 Oct 2026

The tools and the machineL-ATP1AI

Git Bash rewrites a script argument like /dashboard into C:/Program Files/Git/dashboard: undo it in the script

What happened: on Windows, Git Bash converts arguments that look like Unix paths into Windows paths before the program sees them, so the script received C:/Program Files/Git/dashboard.
The fix: the screenshot script strips that prefix back off. (Setting MSYSNOPATHCONV=1 for the command turns the conversion off too.)

Sofreh — Restaurant POS, Kitchen Display & Back Office Template for Next.js (English & Persian) · Ramin Valadan · 26 Oct 2026

The tools and the machineL-VPZWAI

Tests that build the seeded restaurant timed out at random at 5 s on a busy machine: give them 20 s

What happened: each of those tests generates the restaurant first. On a busy machine that sometimes took longer than 5 seconds, and the suites failed at random.
The fix: testTimeout: 20000 in vitest.config.mts. The tests check the same things, but no longer fail because the machine is busy.

Sofreh — Restaurant POS, Kitchen Display & Back Office Template for Next.js (English & Persian) · Ramin Valadan · 26 Oct 2026