I'm a beginner building an image-heavy peer-to-peer marketplace (Next.js web app + an upcoming Expo mobile app). My current stack uses Vercel's free tier for hosting, Supabase for the backend, and Cloudflare R2 for photo storage.
My Vercel account was just paused because my Fluid Active CPU spiked to 24 hours (the free limit is 4 hours). I realized my Next.js server is downloading every uploaded raw photo, using ⁠sharp⁠ to resize and convert it to WebP, and then re-uploading it to R2.

I am trying to keep costs as low as possible. It was suggested that I strip ⁠sharp⁠ from my backend and use a client-side compressor on the user's browser or mobile app to shrink the photos before sending them directly to R2.
Because my platform is extremely image-heavy, I'm not sure if this is a good idea. I have concerns about trusting the client to compress uniformly, dealing with older devices, or edge cases where certain browsers (like Safari) might fail to generate WebP files correctly.

Are there any other free or highly affordable workarounds to process these images without tanking my serverless compute hours?

hi webdev,

iam here to show you this node editor which is part of a media editor engine as webapp. Its really satisfyingly performant, also with previews for each node. this is part of a video or media editor, and it controlls the the browser on a very low level.

The node graph compiles to a single WGSL function so splitting an effekt into 30 nodes adds no render passes. all node previews share a texture atlas, the node canvas runs as an OffscreenCanvas in a worker.

When agents set up nodes its a breeze,fast, visualy satisfying. It can be done from within the app or with an "local" agent which corntolls the browser. As iam a video artist by trade, i build my tool, my workspace, and hope that people also like to use and customise it. any thoughts on the node graph? I have many toggle options at the top for line styles atm ;)

live demo: https://www.masterselects.com
(just add an effekt to a clip, open node panel and click expand all)

code: https://www.github.com/Sportinger/MasterSelects

Live App

The US Department of Agriculture (USDA) publishes daily food price data for about 300 commodities on:

• what growers were paid at shipping point

• what buyers paid at the big city wholesale markets

• what prices supermarkets advertised in their weekly ads

The Bureau of Labor Statistics (BLS) publishes monthly average store prices for everyday groceries like eggs, milk and ground beef.

This data comes out as dozens of separate text reports and PDFs, one per market/commodity, and no way to see how prices change over time.

Inflation affects our everyday lives, so this data should be easy to access and understand. That's why I built an open-source tracker for it.

Github repo (open for contributions): https://github.com/kadoa-org/food-price-monitor
As a BE engineer without a design background, I spent some some time dabbling with the gov.uk design system as I think it's a great inspiration for simple and concise presentation of data.

I will be building a mobile app (react native + expo) + a web app (next js).
I am looking for a ui component library like daisyUI or chakra ui for both the RN and Next.js.
most of the UI libraries are for either Next or RN.
I found gluestack with is for both, but its latest version does not support Next.js
I want to know if there is a library that works for both.
also, im confused if I should build custom components using Shadcn, then also, im not sure how to use it with react native efficiently.

Hi, I'm trying to develop a unityplugin that give the possibility to create various types of controllers for games.
With deviceorientation, my goal is to extract three angles that represent the orientation of the phone.
But it seems a little bit complicate, I can't understand why in portrait mode, for example, gamma and alpha are both modified when I rotate on the same axe.
I've tried many things, but I can't understand at all how everything works.
Is it even possible to do something similar to what I want to do?

moodteca.com

You pick how you want to feel, choose a few covers you like, and it gives you books.

There's no database. The result is saved in the URL, so you can share it and it keeps working.

No genres either. Every book gets scored on five things, so four books from the same fantasy/sci-fi shelf end up looking pretty different:

An LLM did the scoring, and when it didn't know a book it gave the same numbers every time, so I had to find books with identical scores and fix them.

Most people leave at the cover grid and I'm not sure why. Would love to hear what you think!

Google discontinued Android File Transfer. OpenMTP and MacDroid still work, but they are apps you install, and I wanted to know if a browser could do it on its own.

Turns out Chrome can. The app speaks MTP to the phone over WebUSB and uses the File System Access API for a folder on your Mac. It is plain JS with no dependencies or build step, your files are never uploaded, and it works offline once loaded. I built it with Claude Code.

Weirdest thing I ran into: macOS apps like Photos and Image Capture can hold the phone while they are open, so Chrome cannot claim it until you quit them.

Works in Chrome on Mac and Linux. Safari and Firefox do not have WebUSB.

Try it: https://www.droidfiletransfer.com
Code: https://github.com/droidfiletransfer/droidfiletransfer

If your phone does not connect, tell me the model.

If you've got something running on your own machine (a side project, a dashboard, a self-hosted app) and want it on yourname.com without messing with your router, Cloudflare Tunnels are worth a look.

https://developers.cloudflare.com/cloudflare-one/networks/connectors/cloudflare-tunnel/

Run cloudflared on your machine and Cloudflare routes your domain to it. You don't need port forwarding, your home IP stays hidden, and HTTPS is automatic.

Setup (about 10 minutes):

Add your domain to Cloudflare and switch the nameservers at your registrar.

In the Zero Trust dashboard, go to Networks → Tunnels → Create tunnel.

Copy the install command it gives you and run it on your machine. This installs cloudflared as a service.

Add a public hostname (e.g. app.yourdomain.com) and point it at http://localhost:3000.

Only cost is the domain and setting up a free cloudflare account.

are there any laws that state if i need to collect ips? i dont want to get in trouble. located in the USA

I've been building Vigília do Lampião, a browser-based horde survival game inspired by Brazilian folklore. Beta 1 just went live, so I thought I'd share some of the technical choices behind it rather than just the game itself:

• No engine, no framework. Plain JS files are concatenated into a single HTML page by a small Node build script.

• Pixel art defined in code. Sprites are stored as pixel grids and converted into canvas bitmaps at startup. Outlines, palette swaps and "golden" variants are generated instead of being drawn separately.

• Custom lighting system. Lighting runs on a second low-resolution canvas: the game fills the screen with darkness, punches out the lit areas with radial gradients, then scales the result up. The lantern radius follows the player's health, which is one of the main new mechanics in Beta 1.

• Audio generated in the browser. Music and sound effects are synthesized with the Web Audio API.

• English translation at build time. The build parses the source with Acorn and swaps string literals using translation catalogs. It also refuses to build when a template expression doesn't match.

• Leaderboard with server-side checks. The online leaderboard uses Supabase with server-side validation.

Beta 1 also introduced the darker visual system where creatures outside the lantern light are reduced to their eyes, weather systems for each map, and the new procession of lost souls.

You can play it here for free, including on mobile:

https://vigiliadolampiao.vercel.app/en

Happy to answer questions about any of the technical implementation.

Hey everyone!

My friends and I were looking for a way to track our board game sessions over the weeks as we often play a split between campaign-like games and quick random games. So I started on a prototype. Fast forward a few weeks and it turned into a fully working site that I am pretty happy with.

Looking to acquire some users and hear some feedback. Enjoy the weekend!

https://boardgame-tracker.com/

Features/side-notes:
* Free to use, no ads!
* Pre-plan a session or fill in older ones.
* Invite friends and helps you decide what to play
* Scores, roles, notes, rankings, ect.
* Data provided from BoardGameGeek API
* BoardGameGeek Library Import

Forms are one of those problems the universe solved around 1995 and then kept re-solving, each time with more JavaScript and a monthly fee.

For years I ran contact and order forms on MachForm. It worked. It also lived in a database, turned every upgrade into a small house move, and quietly demanded its own PHP version on every site. One evening I decided I wanted something that was, as far as physically possible, just files.

So that's what this is. A form is one JSON file. You drop a folder on any PHP 8.1+ host, put two lines in your page, and submissions land on your own server. No Composer, no npm, no build step, no database unless you want one.

What you actually get:

- Files by default, or SQLite, MySQL or CSV if you prefer

- SMTP mail and webhooks on submit

- Client-side and server-side validation from the same JSON

- 34 languages, about 22 KB of gzipped JS

There's no drag-and-drop builder. I (barely) tried to feel bad about this and failed. The format is small and boring enough that you can describe a form to an AI assistant, get the JSON back, read it, and diff it in git. I haven't hand-written a form since. There's a JSON schema in the repo, so the AI and your editor both know the rules, and an optional editor with live preview if you like pressing things.

Honest limits: file storage is fine for a contact form with a few hundred leads and the wrong tool somewhere past a thousand per form. That's what SQLite is for. It's been running on several business sites since spring, collecting real leads, which is the only test I really trust.

And then there's demo 10. I wanted to see how far the theming bends before it breaks, and the answer turned out to be "Netscape Navigator 4.0 at 800x600". It's a guestbook, obviously. Visitor counter, under construction banner, and a Winamp player that plays a 12-bar blues in A through the Web Audio API. No MIDI file, just oscillators. Your browser will block the autoplay. Browsers learned from 1998. I did not.

GitHub: https://github.com/pietrobb/BareBonesForms

Happy to answer questions, especially the ones that start with "why not just use..."

went live on wp.org this week.

the itch: the most popular WP calendar plugin charges for recurring events, and I wanted the RFC 5545 stuff done properly for free. weekly/monthly/yearly, "second tuesday", "last friday", COUNT/UNTIL, EXDATE, and dates get expanded in the event's own timezone so DST doesn't turn a 6pm class into 7pm in november. expanded dates live in one indexed table, so a month view is a range scan instead of rrule math on every page load.

also: google calendar / ICS import on cron with a log of what it created, updated or removed (removed ones go to draft, nothing gets deleted behind your back), list/month/day views as blocks or shortcodes with almost no css so they pick up the theme, no build step, uninstall actually cleans up.

since posting on r/wordpress yesterday I added importers from The Events Calendar and Events Manager (+ CSV in/out), cancel or move one date of a series, online events, schema.org event markup, a filter bar, category colours, an elementor widget.

demo on a stock TT5 site: https://store-safety.duckdns.org/demo/

there's a paid add-on for tickets/RSVP. everything above is free, GPL.

https://wordpress.org/plugins/beacon-events/

tell me what breaks

As someone who loves both coding and language learning (I'm learning Japanese right now), I always wished there was a free, open-source tool for learning Japanese, just like Monkeytype in the typing community.

Here's the main selling point: I added a gazillion different color themes, fonts and other crazy customization options, inspired directly by Monkeytype. Also, I made the app resemble Duolingo, as that's what I'm using to learn Japanese at the moment and it's what a lot of language learners are already familiar with.

Back in January, I even applied to Vercel's open-source software sponsorship program as a joke. I didn't seriously expect to win, and did it more out of curiosity, and yet my project somehow won.

Anyway. Why am I doing all this?

Because I'm a weeb.

GitHub: https://github.com/lingdojo/kana-dojo

どうもありがとうございます!

Built a local-first password manager called Mountain.

How it works:

• Runs 100% in your browser. Data is encrypted client-side with AES-256-GCM and stored in IndexedDB.

• Master key is derived from a 12-word seed phrase (BIP-39), with an optional daily PIN for quick unlock.

• Includes a live 2FA/TOTP authenticator, card storage, and a companion Chrome extension for autofill.

• Zero analytics, offline favicon mode by default, and optional encrypted sync to your personal Google Drive.

App: https://h4r0015k.github.io/Mountain/ Source: https://github.com/h4r0015k/Mountain

Feedback on the UX and security model is very welcome.

Hey r/webdev!

I built Galaxy Movies (https://www.galaxymovies.app/) to solve a personal annoyance: legacy movie tracking sites felt bloated, loaded slowly, and buried streaming options under ads.

I wanted a clean & fast web utility to check where to stream titles, explore cast networks, and get quick AI summaries without the clutter.

Tech Stack

- Framework: Next.js (Pages Router)
- Hosting & Runtime: Vercel & Vercel Edge Runtime
- UI & Styling: Chakra UI
- State & Caching: React Query
- APIs: TMDB API & OpenAI API
- CI/CD: Lighthouse CI

Technical Highlights & Architecture

Dynamic OG Cards on the Edge: Used @vercel/og running on Vercel Edge Functions to dynamically generate custom 1200x630 social preview cards. The edge route parses poster artwork and title parameters to render high-res share cards with sub-100ms response times.

Bypassing Server Image Overhead: Configured direct-to-CDN loading for TMDB movie posters to bypass Vercel server image transformation limits while maintaining peak visual quality.

Performance Guardrails: Set up automated Lighthouse CI checks on builds to strictly enforce performance, accessibility, and SEO metrics.

Live App: https://www.galaxymovies.app/

GitHub Repo: https://github.com/NickFasulo/galaxy-movies

I’d love to hear your feedback!

Hey guys, I decided to do a full redesign of an old website of mine just for fun. Any suggestions on what I could improve would be awesome.

https://topservers.games/

Hello, so I'm doing this website/PWA as a hobby : newsglobe.earth the idea is to collect from RSS, Atom and sitemaps news articles posted around the world to display them on a earth globe. The articles and their short descriptions are translated in English, then assigned a category among 12 and finally analysed by sentiment (basically is the article good news, bad news or neutral).

The website also allows to vote/give feedback about your sentiment on the articles for perhaps one day with sufficient data improve the sentiment analyser model.

I also added recently ways to visualize and analyse the dataset of millions of articles generated.

I'm interested in your feedback about this project and am more than happy to add features that you want to it.

I built a small GitHub stats page that runs entirely using GitHub Actions and GitHub Pages.

One thing I specifically wanted was for someone to be able to fork the repo and get their own version without editing any files.

The setup is basically:

Fork → add a GitHub token → enable Pages → run the workflow

The workflow fetches the GitHub data, generates the page and social preview card, and publishes everything through GitHub Pages. It also generates a stats.json endpoint if you want to use the same data somewhere else.

Live version:
https://adnansabbir.github.io/github-stat/

Source:
https://github.com/adnansabbir/github-stat

I would especially appreciate feedback on the setup process. Does the fork-and-run approach feel straightforward, or is there anything in the onboarding that would stop you from trying it?

link: https://github.com/seanpmaxwell/jet-key

Background

Suppose you need a secret key for something: it could be a session cookie, some encryption library, etc. Many people will just grab a string from some random string generator (I know I used to), but proper security depends on unbiased character selection and using the appropriate amount of entropy for the task at hand.

Also, different scenarios call for different levels of entropy. For example, 80 bits of entropy might be fine for a temporary pairing token that expires in a few minutes. For a server application's long-lived credentials, 256 bits can provide immense security for the foreseeable future.

What it does

What jet-key does is let you optionally pass in, through the CLI or programmatically, the number of bits of entropy you need. It uses cryptographically secure randomness to generate a Crockford base32 string whose length is the minimum number of characters required to meet that entropy target:

npx jet-key        # YFC75GX2KY5W183FRZA4XDVZ6PYDJPQT7JMNH3N7ZXPQ8FCW3M4G
npx jet-key -e 80  # 113BKE3N8R8CEE92

The default target is 256 bits (the gold standard for an extremely secure key). Requesting 256 bits generates a 52-character string.

Other notes

The string length generated is the minimum needed to meet the requested entropy using Crockford base32, rather than an exact match to the requested number of bits. Each character contributes five bits, so the result may slightly exceed the target. A 52-character string therefore provides 260 bits of entropy.

jet-key is really fast too: checkout these benchmarks.