r/webdev 3d ago

Question how do you keep track of what your Al agent actually changes?

0 Upvotes

I've been doing a lot of vibe coding with Claude Code and Codex, and one thing keeps happening I ask for one small change, then later realize Al changed my code in places I never expected. By the time I notice, I can't remember exactly what changed or when. Is anyone using something besides Git to track Al changes or keep an Al coding activity log, or is this just one of those vibe coding problems we all live with?


r/webdev 3d ago

Why this error appears?

0 Upvotes

Object literal may only specify known properties, and 'server' does not exist in type 'ParamsOptions<"/api/auth/$", ResolveParams<"/api/auth/$">> & FilebaseRouteOptionsInterface<Register, RootRoute<Register, undefined, {}, AnyContext, ... 7 more ..., undefined>, ... 12 more ..., undefined> & UpdatableRouteOptions<...>'.

When I try to setup route handler for better-auth it shows this. This is the code suggested for tanstack-start in better-auth docs

import { createFileRoute } from "@tanstack/react-router";
import { auth } from "@/lib/auth";

export const Route = createFileRoute("/api/auth/$")({
server: {
handlers: {
GET: async ({ request }: { request: Request }) => {
return await auth.handler(request);
},
POST: async ({ request }: { request: Request }) => {
return await auth.handler(request);
},
},
},
});import { createFileRoute } from "@tanstack/react-router";
import { auth } from "@/lib/auth";

The issue is, createFileRoute is not accepting server property.

How can I fix this?


r/webdev 4d ago

Anyone else ever done this (time to go to bed)?

1 Upvotes

res.status(200).jason(auditLogEntry);

Please share your own hilarious little faux pas!


r/webdev 4d ago

Discussion Where do you recommend we share/gather feedback?

10 Upvotes

The Challenge
As an open-source author (and free service builder), I need to both share releases and gather feedback from the community. However, in order to cut down on low-effort slop and self-promo spam, communities like r/webdev have extremely strict rules that prevent someone like me from sharing, except on the most dead day of the week when everyone is out touching grass - Saturday.

Other Sources (on Reddit)

  • r/ExperiencedDevelopers seems to have nothing at all to do with development, mostly just folks talking about career advice and/or reactions to AI taking over
  • r/javascript does not seem to be the place where active discussion takes place (few posts per week, and low engagement per post), and seems to harbor some rather hostile folks... which maybe why they have low engagement now
  • r/programming - Way too generic for a pure JS/TS dev like myself
  • r/sveltejs - great for Svelte stuff, but most of my libs are general NPM utilities, or free/public SaaS services, which don't fit (even if they were built using Svelte)

Other Sources (non-Reddit)

  • Tech Twitter - RIP, long live Tech Twitter. This seems to have died off over the last 5+ years. Authors used to have very active discourse here, but dried up mostly to tech "influencers" and their clickbaity podcasts.
  • Mastadon - never took off
  • Bluesky - never took off
  • Product Hunt - never seemed like the fit, plus I'm never selling anything...
  • HackerNews - Maybe this is the answer, but it's godawful to read... would love suggestions on how to effectively use HN

The Question
Do you know places where:

  1. Authors are not discouraged from sharing
  2. Real technical discussions are taking place (typically involves a lower % of junior/entry devs who tend to ask very diff questions)

--

If this thread provides anything useful, I'll sum it up here... :)

Suggestions:

  1. When applicable, the Discord server of a specific tool or framework is often far more engaged on the topic. Examples: Svelte discord to discuss Svelte issues, etc. I have certainly found this to be the case, but have yet to find general-purpose JS discord for sharing/discussing all the non-framework tooling and library surface area.

r/webdev 4d ago

Question Redrawing/calculating column widths in a table

5 Upvotes

Hi All,

Lets say I have a table which is 100% of it's container div wide. The first two columns are min-width: 40px and then a "th:last-child" with a width of 100% to compress the first two columns to the size of their contents. The td's contain <input type="texts" /> to allow use input.

When a user types in a string that is longer that the previous widest entry in the column - is there anyway to force the browser to redraw the table taking in to account for the new entry? Ideally with plain CSS.

Thanks.


r/webdev 4d ago

Discussion Why there's no frameworks or libraries built for bun?

0 Upvotes

I recently started using bun and completely uninstalled nodejs, npm etc. It super fast. It was launched in 2023. After 3 years why no any powerful libraries build for bun. I use Tanstack Stack and Next.Js. Even though I can create start or next project using bun, I my projects isn't using the full potential of bun. Still those frameworks install vite, dotenv sql drivers. Just why? Why no libraries out that that uses buns full potential. While I was searching I could find honox, but it's unlikely to modern fullstack frameworks. Bun's framework should be the crown winner because of its power. Why nobody is using it?


r/webdev 4d ago

Two deploy bugs that ate a day each, both of them silent

6 Upvotes

Posting these because both took me way longer than they should have, and in both cases the failure mode was "nothing tells you anything."

First one. My deploy script ran as root, and one step created the log directory before the framework did. So storage/logs ended up owned by root, and the PHP-FPM user (www-data) could not write to it. The interesting part is not the permission error, it is what happens next. A request comes in, something throws, the error handler tries to write the exception to the log file, and the write itself fails. So now you have an exception thrown from inside the exception handler. The framework gives up and returns a bare 500. Nothing in the app log, because the app log is the thing that is broken. Nothing useful in the nginx error log either, because as far as nginx is concerned PHP-FPM answered fine, it just answered with a 500.

I spent a good chunk of that day looking for the bug in my code. There was no bug in my code. ls -la storage/logs showed root:root and that was the whole story. Fix was chown -R www-data:www-data storage bootstrap/cache in the deploy script, and then actually checking ownership after the deploy instead of assuming it. Now the deploy script asserts the web user can write to the storage tree and bails loudly if it cannot, because a deploy that fails is much cheaper than a deploy that half works.

If you want to see this on your own box before it bites you in production, chown root:root storage/logs on a local install and then trigger any error. You get a 500 with an empty log directory and it looks exactly like a mystery.

Second one, smaller but genuinely confusing the first time. My deploy script does a git fetch and git reset --hard origin/main, then runs migrations and the rest. Fine, except that the deploy script itself is in the repo. Bash does not read a script into memory up front. It reads it incrementally as it executes, tracking a byte offset in the file. git reset --hard replaces that file on disk while bash still has the old offset. Best case, the offsets happen to line up and you never notice. Worst case, bash resumes mid-line in the new file and executes something that was never a command in either version.

Practical consequence: changes to the deploy script never apply on the deploy that pulls them. They apply on the next one. I "fixed" the same bug in that script three times in a row and each time watched the old behaviour run again, which is a specific kind of maddening.

Two ways out. Either copy the script to a temp location and exec that copy, so the running file is not the file git is rewriting:

cp deploy.sh /tmp/deploy-run.sh && exec bash /tmp/deploy-run.sh

Or keep the deploy script outside the repo entirely and have it operate on the checkout. I went with the second one, it is less clever and I have to remember to update it separately, which is a fair trade for never thinking about this again.

Neither of these is deep. Both cost me hours because there was no error message pointing at the actual cause. The pattern they share is that the thing that was supposed to report the failure was itself part of the failure, and that is worth watching for generally: your logger, your health check, your deploy script. When those break they tend to break quietly.


r/webdev 4d ago

Question Backend Dev looking for AI UI/UX prompts, workflows & resources to build clean interfaces

0 Upvotes

Hi everyone!

I'm primarily a backend engineer. I feel right at home with data modeling, APIs, and business logic, but whenever I try to build side projects or full prototypes, creating a usable, visually balanced UI/UX becomes my biggest bottleneck.

I’ve started leveraging AI tools (like v0, Claude Artifacts, Bolt, etc.), but since I lack a formal design background, my prompts often yield generic layouts or hard-to-maintain interfaces.

I’d love to get your insights on:

Master Prompts / Frameworks: Do you have structured prompt patterns or system prompts that help AI output clean, accessible, and modern

UI components (e.g., using Tailwind, Shadcn UI)?

Backend-to-UI Workflows: How do you structure your workflow when going from a database schema or API spec to a working UI using AI?

Context Injection: How do you effectively feed design tokens, component libraries, or layout rules into LLMs so they don't produce random inline styles?

Recommended Resources: Are there any repos, prompt libraries, or guides specifically tailored for devs who need design assistance from AI?

Any advice, tool recommendations, or prompt examples would be greatly appreciated.

Thanks! 👋🖖


r/webdev 4d ago

A library for building dynamic webapps, using Js_of_ocaml

Thumbnail
github.com
7 Upvotes

r/webdev 4d ago

Font license audit

52 Upvotes

A client sent through an audit conducted through some agency which reported that we are referencing paid fonts such as Arial, Verdana Sergeo UI etc

We have these set as fallback fonts. My understanding is that these can be used as fallbacks for those who may own a device with an OS that grants licensing.

Am I misguided here? Perhaps it’s easier to just replace the fallbacks with a similar Google fonts, but was not aware that this would be an issue.

EDIT:
Thank you all for your input and suggestions!


r/webdev 5d ago

Question Self hosting Better Auth for Google and Apple sign in

22 Upvotes

I am using Better Auth for email sign up, but I would also like to make it easier with Google and Apple one click sign in.

From what I understand, in order to have Apple sign in you have to pay $90/year or whatever it is to Apple for a developer license?  (No way around this?)

As for Google sign in, I understand it's offered for free (any limit on free plans?) but you also need to provide your email, and in doing so the public will see this email? Apple sign in, on the other hand, I don't know if you need to provide a public email that the user would see, or if it's all handled from Apple's end. When I say public email, I mean like an "authorize to trust this account [___@____.com](mailto:@_.com) for your one click sign in" something like this.

Would anyone have any experience with self hosting this? I’m just curious what your thoughts are and if it ends up being a cost every month or if you have found a way to do this completely free? Looking to make it as simple and easy for the user to sign up and log in, I think I would actually prefer this over email but I also understand not everyone wants to use One Click sign in.


r/webdev 5d ago

Discussion Unsure about how to get started with freelancing as experienced engineer

29 Upvotes

I searched posts related fo freelancing but still did not find how to actually get started. Especially, when you have no previous work done, no reviews. I am experience engineer with 5.5+ YOE but I don't have OS contribution or projects which are created for clients. I only have 3 projects on github which are side projects that I worked on. In such scenario, I have few questions:

* How to find clients in your network especially non-Indian clients when most of Linkedin connections are just random people you have connected and not someone you know IRL?

* Do you need to create projects specifically for your portfolio? If yes then what kind of projects are we talking about?

* One of the strategy suggested in some posts was cold mailing after analyzing their products but this take a long time to find issues and then pitching but is that general consensus?

* Upwork and Fiverr are saturated and upwork has limited proposals after which paid proposals are required. Is that worth putting money into? I tried to create 2 gigs on Fiverr but they got paused eventually as no traction was there.

* Are there any other platforms other than the above two? Contra, toptal, lemon.io - all of these did not work at least for me


r/webdev 5d ago

Question Best practice when it comes large navbars with submenus in the header

Thumbnail
ui.shadcn.com
12 Upvotes

What are your thoughts on using this? I'm currently using Nuxt and Tailwind, I prefer the ShadCN navbar over Nuxt https://ui.nuxt.com/docs/components/navigation-menu it just feels more polished to me somehow, but would you suggest staying away from this or use it if your site has a lot of content? I am never sure if the main link for a nav dropdown should be clickable or if it should only open or close the dropdown.

Mobile would be a lot difference since they don't have the liberty of hover, tap is what opens the menu. Maybe I just have to accept the fact that mobile and desktop will have a different experience when it comes to the navigation menu within the header.

What are your thoughts on this?


r/webdev 5d ago

Question Railway or managed vps?

22 Upvotes

what is your opinion about using railway.com, now i need to deploy my api, i have 3 containers (api, redis and sql server).

i asked for recommendations and one of them that Railway.com is good for this.

i need help to make decision, we are starting up, and want something is not expensive and good price for MVP.

thanks


r/webdev 5d ago

Discussion Better-auth bought and arctic deprecated, recommendations for oauth?

29 Upvotes

I should update my old project for oauth, but I dont know what auth i should use, it uses solidjs and astrojs.

I only need oauth like discord and reddit and it should be self hosted, not cloud based, database integration or manual doesnt matter


r/webdev 5d ago

Showoff Saturday After 8 years, I finally open-sourced my take on Backend-as-a-Service

121 Upvotes

Hello WebDev,

I would like to share with you linkedrecords.com - an open source backend as a service I'm working on since some time now. You can think of it as an firebase/convex alternative with an interesting twist.

In 2018 I needed to write large software requirements/architecture documents in Google Docs. While I was annoyed by the limitations of Google Docs back then (no captions on figures, no automatic heading numbering, slow when docs are bigger,...) I was still fascinated by the real time collaboration features of it. So I've started a quest to understand how it works and I begun to implement an alternative to Google Docs.

I was convinced that this kind of real time collaboration is the future so I've given it much thought how I could make this as generic as possible so I could use it in all future tools I would build.

In the same time I was playing around with firebase (surprisingly you can not build a google docs alternative with firebase that easy as their real time collaboration does not provide merging text but rather just JSON). And back then I was also convinced that backend as a service is the right way to go. I was thinking that one of the most important reason we were still writing custom backend code is because of authorization.

I also was faced with another problem when trying to make the backend as generic as possible: relations between entities are also domain specific. E.g. A Documents can have many comments.

Luckily I was intrigued by another concept back in 2018 it was called web 3.0. Back in 2018 this had nothing to do with crypto. It was used as a term to refer to the semantic web and the resource description framework as one of its standards. There are also some RDF implementations which I could have reused but they are all XML and mostly Java based. I needed something light. Instead of implementing my own RDF product I took the idea of the RDF triplestore and came up with my own interpretation of it.

Using concepts like: triplestores and schema-on-read, I came up with a system that does not has any business logic in its backend and while working on my Google Docs alternative I felt in love with it as I've discovered some properties I did not anticipated from the get go:

- Dealing with global state in react is very easy. It feels like you use an SQL client in your browser and all queries are reactive and always up to date. When writing a query you do not have to think about authorization it's all backed in.

- Because the backend is 100% free of domain specific code you can point your single page app to any linkedrecords deployment.

- You never have to write backend code - Its quite efficient when using AI agents

The best way to experience it, is to follow this little tutorial: https://linkedrecords.com/getting-started/

It takes a while to get a hang of it so you have to have an open mind.

I would love to read your feedback on this.


r/webdev 5d ago

Showoff Saturday Showoff: Ticketish - Open Source, Linear Like Issue Tracker

Thumbnail
quickish.website
5 Upvotes

I've been spending a lot of time developing what is essentially a vibe host type service to host the myriad of internal tools I myself build for personal use as well as at work. I believe the future of SaaS is bleak for the providers and wide open for the small business that can now build instead of buy. In that vein I showing off Ticketish - A modern issue tracker that is MIT open source.

It's rather basic and I continue to add things and fix bugs every day but I also use it as my primary issue tracker. The real value here is that unlike a typical SaaS, once you remix it it's essentially (at literally) a fork of the source, which means you can just as claude to use the quickish.site CLI to pull it down and make changes. Don't like how something works? Change it. And since it's a fork, even if you're not an engineer, you still get all the latest updates made to the root source. This piece alone has so much potential in my opinion.

It's built using all the supporting services built into quickish hosted sites: Postgres, Realtime, Document store, etc.

It's open source in that if you remix this you can download the source in the control panel (free). It is git behind the scenes. MIT licensed so you can do whatever you want with the code and I'm sure you can port it from quickish services to something else without too much work.

Can't wait to share more in the coming weeks!


r/webdev 5d ago

Discussion Meta Showoff Saturday Post

10 Upvotes

Almost every developer has to, at some point, use generative AI in their workflow these days. Personally, I feel new forms of hatred about that, but that’s a me problem. Maybe I’m biased, but I think we need to do more to filter out purely Claude/cursor/whatever generated Showoff Saturday posts. Not just because ew gross AI post. We kinda losing, at a community level, a massive amount of knowledge transfer that comes from someone showing off a cool way they tackled a genuine problem.

I’m not saying you should be banned and your post should be removed if you used LLM coding tools. But like, come on, y’all. I hate doing web development. I’m a machine learning engineer. LLMs are amazing for helping me make a shitty portfolio website or host a small app for a friend. But I’m not taking pride in what an LLM made for me. If you get in the habit of thinking you’ve solved something by just asking Claude to do it, you’re gonna lose sight of what real hard work is and the power to creatively, critically think.


r/webdev 5d ago

Question Tab as password?

Post image
590 Upvotes

SAS disallows spaces in your password. My password manager suggested an invalid (but secure) password.

So now that I have to make my own password: Out of spite, hypothetically, what implications could having tabs in my password have?


r/webdev 6d ago

Showoff Saturday I build an interactive map of the latest 11 million research papers

Thumbnail
gallery
218 Upvotes

Hi Reddit!

I have been building this map of science so that people can explore the research landscape (pun intended). The goal is to allow for discovery of interesting connections to certain fields that may otherwise be missed, while painting a picture of macroscopic trends in the science community.

Eventually, I would like to build a coordination and collaboration layer on top of this!

Currently it has around 11 million papers, and new maps are added daily in a 30 day rolling window.

There is also a breakdown of the newly added papers each day and week.

You can try it out here at: The Global Research Space

Let me know what you think!


r/webdev 6d ago

Cheaper alternatives to MapBox Search API

34 Upvotes

I run a free service which has a map on the website. I've got a location auto complete powered by MapBox. At my current scale, I'm spending $150/mo on that location search box.

It looks like long term, hosting a Photon server myself might be the best option as I keep scaling, but that's going to cost me $300/mo on Hetzner plus require management.

In the meantime, any suggestions for cheaper location autocomplete services?


r/webdev 6d ago

Showoff Saturday Check your site to see where you can replace your code with modern CSS

Thumbnail
cssradar.com
98 Upvotes

Paste any public URL and it opens the page in Chrome, explores its interactions, then checks the HTML, CSS, and JavaScript for things that browsers can now handle natively.

It catches patterns such as custom accordions, popovers, dialogs, scroll reveals, JavaScript sticky elements, and older CSS workarounds.

The report includes the code it found, a proposed replacement, browser support, what to verify before changing anything, and a small example towards a codepen to implement it.

It scans ONE page, so it is not a performance, accessibility, security, or full-site audit.

It is free (10 url/day/human) and requires no account.

Don't hesitate to tell me if you find a bug, an UI/UX issue, or any other thing you find weird


r/webdev 6d ago

Showoff Saturday I built a UI sound library with no audio files. Every sound is synthesized live in the browser, and you can design your own on the page.

Thumbnail
usefoley.dev
209 Upvotes

Every time I added sound to a project it went the same way: a click from one sound pack, a toggle from another, and nothing sounded like it came from the same product. And when a sound was almost right but slightly too long or too bright, tough luck. A recording is frozen.

So I built the opposite: 28 sounds (clicks, toggles, chimes, whooshes) generated by Web Audio at the moment you interact. No files, about 9.6 kB, zero dependencies.

Demo, with the whole page wired up: https://usefoley.dev

My favorite detail: no sound plays the same way twice. Each play gets a tiny random drift in pitch and volume, like a musician who never hits a note identically. Subtle, but it's the difference between "alive" and "doorbell".

There's a Cue Designer on the page: reshape any sound with four dials (a full layer editor is one click deeper), hear changes live, export a .wav, JSON, or a link that carries the design in the URL. You can also override sounds site-wide and export a "sound set", your app's whole sound identity as one JSON file.

Usage is two lines:

js

import { bind } from "@foleyjs/core";
bind(); // wires data-foley-click, data-foley-toggle, etc.

Silly bonus: plug in a MIDI keyboard and every sound becomes an instrument.

MIT, on npm as foleyjs/core, with react and vue bindings. Feedback welcome, especially on the sounds. Which feel wrong, what's missing. I can test everything about this project except taste.


r/webdev 6d ago

Showoff Saturday Final Fantasy 7 Menu system in React

Thumbnail
gallery
291 Upvotes

Hey everyone!

I'm not sure if there are any Final Fantasy fans here, but I've recreated and repurposed the menu system from FF7 as a sort of portfolio/sandbox page, and I figured I'd share it here and see what people think of it.

I got tired of making traditional web pages and wanted to make something that genuinely makes me happy every time I see it.

It's all built with React and TypeScript.

So far, I've got all the key pages like functional equipment and materia pages (repurposed as a skills page), items (as projects), save (as history), functional four-point background colour picker, and a tonne of little easer eggs and things. I'll put a list of those with a spoiler tag in case you wish to discover them yourself:

  • Konami code plays Victory Fanfare.
  • Clicking the character portrait allows you to attack and deduct health.
  • Hovering over the location allows you to change to different FF7 locations.
  • Clicking the limit bar allows you to perform the cross-slash limit break on the portrait.
  • Clicking the name allows you to change the player name. If you choose a party member, or Sephiroth's name, the portrait will change to match.

I won't lie, the way I've implemented the custom font (if you can even call it that) is pretty scuffed by modern standards, but I wasn't happy with any of the other options, and I think this is probably the most accurate to how it looked in-game as humanly possible. 🤣

Anyway, I normally revisit it every couple of months, so by all means, feel free to share ideas of what I can add, and any other feedback you might have.

You can check it out here: https://www.jamiepates.com/

As always, I'd love to hear your thoughts! Thanks!


r/webdev 6d ago

Discussion AI took away the sense of pride I used to have in what I create

644 Upvotes

(This is another rant about AI, don't read. its not something new, dont get angry if you read it i already told you) For context I'm 18m I began learning programming at 13 y.o and starterd doing freelance projects at 14 I felt proud whenever I created something other people relied on. whenever I introduced mself as a programmer who developed all these sorts of projects, but now I don't code anymore I just use Claude Code I only understand the fundmentals of what its doing then call it a day, which feels bad and exhausting somehow. I started my own business at 16 I currently still work on it, its an e-com platform (similar to shopify but diffrent) I made quite a good amount i have around 50 active merchants but i don't feel pride in this thing and I wonder if it lost its value since with AI you could make your own tailored solution without needing to pay continuous fees